.elementor-13873 .elementor-element.elementor-element-f89f0f2{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-13873 .elementor-element.elementor-element-f89f0f2:not(.elementor-motion-effects-element-type-background), .elementor-13873 .elementor-element.elementor-element-f89f0f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF6F6;}.elementor-13873 .elementor-element.elementor-element-b209d40{--spacer-size:61px;}.elementor-13873 .elementor-element.elementor-element-f59dbbd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:25px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-13873 .elementor-element.elementor-element-c33f81b{width:var( --container-widget-width, 90.804% );max-width:90.804%;--container-widget-width:90.804%;--container-widget-flex-grow:0;column-gap:0px;}.elementor-13873 .elementor-element.elementor-element-c33f81b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-13873 .elementor-element.elementor-element-9f85bb4 .elementor-repeater-item-508b2e0 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://www.mini-new.com/storage/twsentsechang902/2026/05/Gemini_Generated_Image_i2ivmi2ivmi2ivmi.png);background-size:cover;}.elementor-13873 .elementor-element.elementor-element-9f85bb4 .elementor-repeater-item-508b2e0 .swiper-slide-contents{margin:0 auto;}.elementor-13873 .elementor-element.elementor-element-9f85bb4 .elementor-repeater-item-508b2e0 .swiper-slide-inner{align-items:flex-end;}.elementor-13873 .elementor-element.elementor-element-9f85bb4 .elementor-repeater-item-508b2e0 .swiper-slide-inner .elementor-slide-heading{color:#FFFFFF;}.elementor-13873 .elementor-element.elementor-element-9f85bb4 .elementor-repeater-item-508b2e0 .swiper-slide-inner .elementor-slide-description{color:#FFFFFF;}.elementor-13873 .elementor-element.elementor-element-9f85bb4 .elementor-repeater-item-508b2e0 .swiper-slide-inner .elementor-slide-button{color:#FFFFFF;border-color:#FFFFFF;}.elementor-13873 .elementor-element.elementor-element-9f85bb4 .elementor-repeater-item-3e2c7ba .swiper-slide-bg{background-color:#833ca3;background-image:url(https://www.mini-new.com/storage/twsentsechang902/2026/06/植泌髮根育華養髮液-50mL.png);background-size:cover;}.elementor-13873 .elementor-element.elementor-element-9f85bb4 .elementor-repeater-item-3e2c7ba .swiper-slide-contents{margin:0 auto;}.elementor-13873 .elementor-element.elementor-element-9f85bb4 .elementor-repeater-item-3e2c7ba .swiper-slide-inner{align-items:flex-end;}.elementor-13873 .elementor-element.elementor-element-9f85bb4 .elementor-repeater-item-3e2c7ba .swiper-slide-inner .elementor-slide-heading{color:#FFFFFF;}.elementor-13873 .elementor-element.elementor-element-9f85bb4 .elementor-repeater-item-3e2c7ba .swiper-slide-inner .elementor-slide-description{color:#FFFFFF;}.elementor-13873 .elementor-element.elementor-element-9f85bb4 .elementor-repeater-item-3e2c7ba .swiper-slide-inner .elementor-slide-button{color:#FFFFFF;border-color:#FFFFFF;}.elementor-13873 .elementor-element.elementor-element-9f85bb4 .swiper-slide{transition-duration:calc(5000ms*1.2);height:326px;}.elementor-13873 .elementor-element.elementor-element-9f85bb4{width:var( --container-widget-width, 64.254% );max-width:64.254%;--container-widget-width:64.254%;--container-widget-flex-grow:0;}.elementor-13873 .elementor-element.elementor-element-9f85bb4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-13873 .elementor-element.elementor-element-9f85bb4 .swiper-slide-contents{max-width:66%;}.elementor-13873 .elementor-element.elementor-element-9f85bb4 .swiper-slide-inner{text-align:center;}.elementor-13873 .elementor-element.elementor-element-fb2494f{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-13873 .elementor-element.elementor-element-fb2494f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13873 .elementor-element.elementor-element-ce1ca39 > .elementor-widget-container{--e-transform-scale:0.9;}.elementor-13873 .elementor-element.elementor-element-ce1ca39 > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-13873 .elementor-element.elementor-element-ce1ca39{--e-transform-transition-duration:1000ms;text-align:center;}.elementor-13873 .elementor-element.elementor-element-ce1ca39 img{max-width:88%;height:175px;border-radius:13px 13px 13px 13px;box-shadow:0px 0px 9px -2px rgba(0,0,0,0.5);}.elementor-13873 .elementor-element.elementor-element-74e3117 > .elementor-widget-container{--e-transform-scale:0.9;}.elementor-13873 .elementor-element.elementor-element-74e3117 > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-13873 .elementor-element.elementor-element-74e3117{--e-transform-transition-duration:1000ms;text-align:center;}.elementor-13873 .elementor-element.elementor-element-74e3117 img{max-width:88%;height:175px;border-radius:13px 13px 13px 13px;box-shadow:0px 0px 9px -2px rgba(0,0,0,0.5);}.elementor-13873 .elementor-element.elementor-element-4c7fc6c > .elementor-widget-container{--e-transform-scale:0.9;}.elementor-13873 .elementor-element.elementor-element-4c7fc6c > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-13873 .elementor-element.elementor-element-4c7fc6c{--e-transform-transition-duration:1000ms;text-align:center;}.elementor-13873 .elementor-element.elementor-element-4c7fc6c img{max-width:88%;height:175px;border-radius:13px 13px 13px 13px;box-shadow:0px 0px 9px -2px rgba(0,0,0,0.5);}.elementor-13873 .elementor-element.elementor-element-59e7fb1 > .elementor-widget-container{--e-transform-scale:0.9;}.elementor-13873 .elementor-element.elementor-element-59e7fb1 > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-13873 .elementor-element.elementor-element-59e7fb1{--e-transform-transition-duration:1000ms;text-align:center;}.elementor-13873 .elementor-element.elementor-element-59e7fb1 img{max-width:88%;height:175px;border-radius:13px 13px 13px 13px;box-shadow:0px 0px 9px -2px rgba(0,0,0,0.5);}.elementor-13873 .elementor-element.elementor-element-95f1e8f > .elementor-widget-container{--e-transform-scale:0.9;}.elementor-13873 .elementor-element.elementor-element-95f1e8f > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-13873 .elementor-element.elementor-element-95f1e8f{--e-transform-transition-duration:1000ms;text-align:center;}.elementor-13873 .elementor-element.elementor-element-95f1e8f img{max-width:88%;height:175px;border-radius:13px 13px 13px 13px;box-shadow:0px 0px 9px -2px rgba(0,0,0,0.5);}.elementor-13873 .elementor-element.elementor-element-07b9b51{--display:flex;}.elementor-13873 .elementor-element.elementor-element-89e6ed7{width:var( --container-widget-width, 15.307% );max-width:15.307%;--container-widget-width:15.307%;--container-widget-flex-grow:0;}.elementor-13873 .elementor-element.elementor-element-89e6ed7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-13873 .elementor-element.elementor-element-295538d{--display:flex;}.elementor-13873 .elementor-element.elementor-element-9581950{--display:flex;}.elementor-13873 .elementor-element.elementor-element-f415714{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-13873 .elementor-element.elementor-element-f415714.e-con{--align-self:flex-start;}.elementor-13873 .elementor-element.elementor-element-5603a65{--e-image-carousel-slides-to-show:2;}.elementor-13873 .elementor-element.elementor-element-5603a65 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:30px 30px 30px 30px;}.elementor-13873 .elementor-element.elementor-element-5603a65 .elementor-image-carousel-caption{text-align:center;}.elementor-13873 .elementor-element.elementor-element-dd2b313{--display:flex;}.elementor-13873 .elementor-element.elementor-element-c4bba48 > .elementor-widget-container{background-color:#563F27;border-radius:36px 36px 36px 36px;}.elementor-13873 .elementor-element.elementor-element-66c7890{--display:flex;}.elementor-13873 .elementor-element.elementor-element-e1dbfc0{--display:flex;}.elementor-13873 .elementor-element.elementor-element-c2e8759{--display:flex;}.elementor-13873 .elementor-element.elementor-element-4c27e0a{--display:flex;}.elementor-13873 .elementor-element.elementor-element-dd43f19{--display:flex;}.elementor-13873 .elementor-element.elementor-element-0116c1f{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-13873 .elementor-element.elementor-element-0116c1f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13873 .elementor-element.elementor-element-acde9c4.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-13873 .elementor-element.elementor-element-acde9c4 .elementor-swiper-button{font-size:20px;}.elementor-13873 .elementor-element.elementor-element-e5c5320{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-13873 .elementor-element.elementor-element-975679a{--display:flex;}.elementor-13873 .elementor-element.elementor-element-55994d1{--display:flex;}.elementor-13873 .elementor-element.elementor-element-7be7446{--display:flex;}.elementor-13873 .elementor-element.elementor-element-3007c9f{--display:flex;}.elementor-13873 .elementor-element.elementor-element-561a7a9{--display:flex;}.elementor-13873 .elementor-element.elementor-element-561a7a9:not(.elementor-motion-effects-element-type-background), .elementor-13873 .elementor-element.elementor-element-561a7a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #E6D0C2 0%, #112B25 100%);}.elementor-13873 .elementor-element.elementor-element-3c501a1{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-13873 .elementor-element.elementor-element-3c501a1.e-con{--align-self:flex-start;}.elementor-13873 .elementor-element.elementor-element-3f7ffc3 img{border-radius:40px 40px 40px 40px;}.elementor-13873 .elementor-element.elementor-element-3433a8a{--e-image-carousel-slides-to-show:2;}.elementor-13873 .elementor-element.elementor-element-3433a8a .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:30px 30px 30px 30px;}.elementor-13873 .elementor-element.elementor-element-3433a8a .elementor-image-carousel-caption{text-align:center;}.elementor-13873 .elementor-element.elementor-element-f237e03{--display:flex;}.elementor-13873 .elementor-element.elementor-element-c6bb382{--display:flex;--min-height:939px;--border-radius:40px 40px 40px 40px;}.elementor-13873 .elementor-element.elementor-element-c6bb382:not(.elementor-motion-effects-element-type-background), .elementor-13873 .elementor-element.elementor-element-c6bb382 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(109deg, #112B25 44%, #1A2A6C 100%);}.elementor-13873 .elementor-element.elementor-element-bbe9f19{--display:flex;}.elementor-13873 .elementor-element.elementor-element-74302b9{--display:flex;}.elementor-13873 .elementor-element.elementor-element-48b4d1e{--display:flex;}.elementor-13873 .elementor-element.elementor-element-d4e95c5{--display:flex;}.elementor-13873 .elementor-element.elementor-element-cf6836a{--display:flex;}.elementor-13873 .elementor-element.elementor-element-d85d83a{--display:flex;}.elementor-13873 .elementor-element.elementor-element-c516081{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:83px;--e-n-carousel-arrow-normal-color:#5B73E4;--e-n-carousel-swiper-pagination-size:16px;--e-n-carousel-progressbar-normal-color:#488882;}.elementor-13873 .elementor-element.elementor-element-f8e0f1f{--display:flex;}.elementor-13873 .elementor-element.elementor-element-42030c1{--display:flex;}.elementor-13873 .elementor-element.elementor-element-42030c1:not(.elementor-motion-effects-element-type-background), .elementor-13873 .elementor-element.elementor-element-42030c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #E6D0C2 0%, #112B25 100%);}.elementor-13873 .elementor-element.elementor-element-be3fcee{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-13873 .elementor-element.elementor-element-be3fcee.e-con{--align-self:flex-start;}.elementor-13873 .elementor-element.elementor-element-7a9c240 img{border-radius:40px 40px 40px 40px;}.elementor-13873 .elementor-element.elementor-element-8752629{--e-image-carousel-slides-to-show:2;}.elementor-13873 .elementor-element.elementor-element-8752629 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:30px 30px 30px 30px;}.elementor-13873 .elementor-element.elementor-element-8752629 .elementor-image-carousel-caption{text-align:center;}.elementor-13873 .elementor-element.elementor-element-5e272db{--display:flex;}.elementor-13873 .elementor-element.elementor-element-a9117ed{--display:flex;}.elementor-13873 .elementor-element.elementor-element-10c8fb2{--display:flex;}.elementor-13873 .elementor-element.elementor-element-643d01d{--display:flex;}.elementor-13873 .elementor-element.elementor-element-055deba{--display:flex;}.elementor-13873 .elementor-element.elementor-element-15579c7{--display:flex;}.elementor-13873 .elementor-element.elementor-element-3b2817a{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:75px;--e-n-carousel-arrow-normal-color:#1c91b3;}.elementor-13873 .elementor-element.elementor-element-6d607da{--n-accordion-title-font-size:42px;--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;}.elementor-13873 .elementor-element.elementor-element-168c0b5{--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-13873 .elementor-element.elementor-element-7a0c2b6{--display:flex;}@media(min-width:768px){.elementor-13873 .elementor-element.elementor-element-fb2494f{--width:98.235%;}.elementor-13873 .elementor-element.elementor-element-0116c1f{--width:99.531%;}}@media(max-width:1024px){.elementor-13873 .elementor-element.elementor-element-b209d40{--spacer-size:21px;}.elementor-13873 .elementor-element.elementor-element-9f85bb4{width:var( --container-widget-width, 701.287px );max-width:701.287px;--container-widget-width:701.287px;--container-widget-flex-grow:0;}.elementor-13873 .elementor-element.elementor-element-fb2494f{--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-13873 .elementor-element.elementor-element-ce1ca39 img{max-width:60%;height:70px;}.elementor-13873 .elementor-element.elementor-element-74e3117 img{max-width:60%;height:70px;}.elementor-13873 .elementor-element.elementor-element-4c7fc6c img{max-width:60%;height:70px;}.elementor-13873 .elementor-element.elementor-element-59e7fb1 img{max-width:60%;height:70px;}.elementor-13873 .elementor-element.elementor-element-95f1e8f img{max-width:60%;height:70px;}.elementor-13873 .elementor-element.elementor-element-acde9c4.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-13873 .elementor-element.elementor-element-e5c5320{--grid-auto-flow:row;}.elementor-13873 .elementor-element.elementor-element-c516081{--e-n-carousel-swiper-slides-to-display:1;}.elementor-13873 .elementor-element.elementor-element-3b2817a{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-top-position:-340px;--e-n-carousel-arrow-next-top-position:-340px;}.elementor-13873 .elementor-element.elementor-element-6d607da{--n-accordion-title-font-size:35px;}}@media(max-width:767px){.elementor-13873 .elementor-element.elementor-element-b209d40{--spacer-size:24px;}.elementor-13873 .elementor-element.elementor-element-f59dbbd{--margin-top:10px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-13873 .elementor-element.elementor-element-9f85bb4{width:var( --container-widget-width, 318.983px );max-width:318.983px;--container-widget-width:318.983px;--container-widget-flex-grow:0;}.elementor-13873 .elementor-element.elementor-element-9f85bb4 .swiper-slide{height:191px;}.elementor-13873 .elementor-element.elementor-element-fb2494f{--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:1px 1px;--row-gap:1px;--column-gap:1px;--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-13873 .elementor-element.elementor-element-ce1ca39 > .elementor-widget-container{--e-transform-scale:0.9;}.elementor-13873 .elementor-element.elementor-element-ce1ca39 > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-13873 .elementor-element.elementor-element-ce1ca39{--e-transform-origin-x:center;text-align:center;}.elementor-13873 .elementor-element.elementor-element-ce1ca39 img{max-width:80%;height:70px;border-radius:20px 20px 20px 20px;}.elementor-13873 .elementor-element.elementor-element-74e3117 > .elementor-widget-container{--e-transform-scale:0.9;}.elementor-13873 .elementor-element.elementor-element-74e3117 > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-13873 .elementor-element.elementor-element-74e3117{--e-transform-origin-x:center;text-align:center;}.elementor-13873 .elementor-element.elementor-element-74e3117 img{max-width:80%;height:70px;border-radius:20px 20px 20px 20px;}.elementor-13873 .elementor-element.elementor-element-4c7fc6c > .elementor-widget-container{--e-transform-scale:0.9;}.elementor-13873 .elementor-element.elementor-element-4c7fc6c > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-13873 .elementor-element.elementor-element-4c7fc6c{--e-transform-origin-x:center;text-align:center;}.elementor-13873 .elementor-element.elementor-element-4c7fc6c img{max-width:80%;height:70px;border-radius:20px 20px 20px 20px;}.elementor-13873 .elementor-element.elementor-element-59e7fb1 > .elementor-widget-container{--e-transform-scale:0.9;}.elementor-13873 .elementor-element.elementor-element-59e7fb1 > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-13873 .elementor-element.elementor-element-59e7fb1{--e-transform-origin-x:center;text-align:center;}.elementor-13873 .elementor-element.elementor-element-59e7fb1 img{max-width:80%;height:70px;border-radius:20px 20px 20px 20px;}.elementor-13873 .elementor-element.elementor-element-95f1e8f > .elementor-widget-container{--e-transform-scale:0.9;}.elementor-13873 .elementor-element.elementor-element-95f1e8f > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-13873 .elementor-element.elementor-element-95f1e8f{--e-transform-origin-x:center;text-align:center;}.elementor-13873 .elementor-element.elementor-element-95f1e8f img{max-width:80%;height:70px;border-radius:20px 20px 20px 20px;}.elementor-13873 .elementor-element.elementor-element-89e6ed7{width:var( --container-widget-width, 186.335px );max-width:186.335px;--container-widget-width:186.335px;--container-widget-flex-grow:0;}.elementor-13873 .elementor-element.elementor-element-acde9c4.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-13873 .elementor-element.elementor-element-e5c5320{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-13873 .elementor-element.elementor-element-c6bb382{--border-radius:10px 10px 10px 10px;}.elementor-13873 .elementor-element.elementor-element-c516081{--e-n-carousel-swiper-slides-to-display:1;}.elementor-13873 .elementor-element.elementor-element-3b2817a{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-top-position:-477px;--e-n-carousel-arrow-next-top-position:-477px;--e-n-carousel-arrow-size:57px;}.elementor-13873 .elementor-element.elementor-element-6d607da{--n-accordion-title-font-size:28px;}}/* Start custom CSS for text-editor, class: .elementor-element-c33f81b *//* 標題外容器：新增深色質感漸層背景與立體陰影 */
.mega-title-wrapper {
    text-align: center !important;
    padding: 60px 20px !important;
    perspective: 1000px !important;
    background: linear-gradient(135deg, #0a1128 0%, #1a2a6c 100%) !important;
    border-radius: 16px !important; /* 圓角設計 */
    box-shadow: 0 10px 30px rgba(10, 17, 40, 0.2) !important;
    max-width: 1200px !important;
    margin: 20px auto !important; /* 置中 */
}

/* 主標題：字體微調放大 */
.section-title {
    font-size: clamp(42px, 8vw, 90px) !important;
    font-weight: 900 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.1 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    white-space: nowrap !important;
    letter-spacing: -2px !important;
}

/* 「超好」：在深底上改為純白最為清晰亮眼 */
.brand-name {
    color: #ffffff !important;
    text-shadow: 0 4px 15px rgba(255, 255, 255, 0.3) !important;
}

/* 「×」：維持原本的漂亮流光金，在深底上效果極佳 */
.cross-symbol {
    color: #d4af37 !important;
    margin: 0 15px !important;
    font-family: serif !important;
    background: linear-gradient(to bottom, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5)) !important; /* 增強陰影 */
}

/* 「外泌體」：改為冰藍／銀白漸層，呼應科技感 */
.product-name {
    background: linear-gradient(180deg, #ffffff 30%, #a0b0d0 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 裝飾底線：金屬漸層微調 */
.title-underline {
    width: 120px !important;
    height: 6px !important;
    background: linear-gradient(90deg, transparent, #d4af37, transparent) !important;
    margin: 15px auto !important;
    border-radius: 10px !important;
}

/* 英文副標：放大並加粗，金色在深色背景下會十分耀眼 */
.en-subtitle {
    color: #d4af37 !important;
    font-size: 16px !important;
    letter-spacing: 8px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    margin-left: 8px !important;
}

/* --- 手機版 RWD 調整 (767px 以下) --- */
@media (max-width: 767px) {
    .section-title {
        font-size: clamp(36px, 12vw, 46px) !important;
        letter-spacing: 1px !important;
    }
    
    .cross-symbol {
        margin: 0 5px !important;
    }
    
    .mega-title-wrapper {
        padding: 40px 15px !important;
        margin: 10px !important;
    }
    
    .en-subtitle {
        letter-spacing: 4px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
    }
}

/* App 觸感回饋 */
.mega-title-wrapper:active {
    transform: scale(0.98) !important;
    transition: transform 0.1s ease !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89e6ed7 */.pink-gold-tag {
  /* 字體設定 */
  font-family: "PingFang TC", "Microsoft JhengHei", sans-serif;
  font-size: 22px;
  font-weight: bold;
  color: #b57d87;
  letter-spacing: 1px;
  
  /* 外觀與背景 */
  background: linear-gradient(to right, #fff2f4, #ffffff);
  padding: 10px 20px;
  border-left: 6px solid #d4a5ad; /* 粉金左側裝飾線 */
  border-radius: 4px;
  
  /* 排版與立體感 */
  display: inline-block;
  box-shadow: 2px 2px 12px rgba(212, 165, 173, 0.15);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4bba48 *//* 專屬置中容器 */
.btn-wrapper {
  display: flex;
  justify-content: center; /* 水平置中 */
  align-items: center;     /* 垂直置中 */
  width: 100%;
  padding: 40px 0;         /* 上下保留呼吸空間，讓焦點更集中 */
}

/* 升級版按鈕樣式 */
.gold-btn {
  /* 放大的排版與尺寸 */
  display: inline-block;
  padding: 18px 54px;      /* 加大內邊距，讓按鈕看起來更大氣 */
  font-size: 26px;         /* 顯著放大字體 */
  font-weight: bold;
  letter-spacing: 2px;     /* 字距微調，提升質感 */
  
  /* 色彩與背景 */
  color: #5c3a00; 
  background: linear-gradient(135deg, #ffe58f 0%, #d4af37 100%); 
  border: none;
  border-radius: 40px;     /* 圓角跟著按鈕比例放大，保持圓潤 */
  cursor: pointer;
  
  /* 陰影與定位 */
  box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4); 
  position: relative;
  overflow: hidden; 
  
  /* 動畫過渡設定 */
  transition: all 0.3s ease;
}

/* 1. 滑鼠懸停效果 (Hover) */
.gold-btn:hover {
  transform: translateY(-3px) scale(1.02); 
  box-shadow: 0 8px 25px rgba(212, 175, 55, 0.6); 
  background: linear-gradient(135deg, #fff0ba 0%, #e6be45 100%); 
}

/* 2. 點擊按壓效果 (Active) */
.gold-btn:active {
  transform: translateY(1px) scale(0.96); 
  box-shadow: 0 2px 10px rgba(212, 175, 55, 0.3); 
}

/* 3. 內建光澤掃過動畫 (使用偽元素) */
.gold-btn::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%; 
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);
  transform: skewX(-25deg); 
  transition: all 0.6s ease;
}

/* 當滑鼠懸停時，觸發光澤掃過 */
.gold-btn:hover::after {
  left: 150%; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-30439ee *//* 核心容器：淺色暖光磨砂玻璃 */
.esc-earth-card {
    /* 配合米白背景的暖色透視感 */
    background: linear-gradient(135deg, rgba(255, 253, 250, 0.95) 0%, rgba(245, 240, 235, 0.85) 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 10px 40px rgba(92, 77, 66, 0.08), inset 0 0 20px rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 24px !important;
    padding: 45px 40px !important;
    max-width: 800px !important;
    margin: 40px auto !important;
    font-family: 'Noto Sans TC', sans-serif !important;
    color: #4a3f35 !important; /* 大地暖棕色文字 */
}

/* 標題區 */
.esc-earth-header {
    text-align: center !important;
    margin-bottom: 35px !important;
}

.esc-earth-icon {
    width: 48px !important;
    height: 48px !important;
    margin-bottom: 15px !important;
    filter: drop-shadow(0 4px 6px rgba(212, 175, 55, 0.3)) !important;
}

.esc-earth-title {
    /* 深暖棕與暗金色的漸層，質感低調奢華 */
    background: linear-gradient(to right, #5c4d42, #8a6d3b, #5c4d42) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    font-size: clamp(26px, 6vw, 36px) !important;
    font-weight: 800 !important;
    margin: 0 0 12px 0 !important;
    letter-spacing: 1.5px !important;
    line-height: 1.2 !important;
}

.esc-earth-subtitle {
    color: #7a6a58 !important;
    font-size: clamp(15px, 3.5vw, 18px) !important;
    font-weight: 500 !important;
    margin: 0 !important;
    letter-spacing: 1px !important;
}

/* 內容佈局 */
.esc-earth-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

/* 一般步驟框 (釐清觀念) */
.esc-step-box {
    background: rgba(255, 255, 255, 0.6) !important;
    border-left: 4px solid #d4af37 !important;
    padding: 20px 25px !important;
    border-radius: 0 12px 12px 0 !important;
    box-shadow: 0 4px 15px rgba(92, 77, 66, 0.03) !important;
}

/* 強調步驟框 (系統定義) */
.esc-highlight-box {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.08) 0%, rgba(212, 175, 55, 0.02) 100%) !important;
    border-left: 4px solid #a67c00 !important;
}

.esc-step-title {
    display: flex !important;
    align-items: center !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #8a6d3b !important;
    margin-bottom: 8px !important;
    gap: 8px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.esc-step-title svg {
    width: 20px !important;
    height: 20px !important;
}

.esc-step-box p {
    font-size: clamp(15px, 3.5vw, 17px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    color: #4a3f35 !important;
}

.esc-step-box strong {
    color: #2c241b !important;
    font-weight: 700 !important;
}

/* 白話總結框：更溫暖的實體質感 */
.esc-summary-box {
    background: linear-gradient(135deg, #f5e6ba 0%, #e8d090 100%) !important;
    color: #3b3026 !important;
    padding: 24px 30px !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.15) !important;
    margin-top: 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

.esc-summary-title {
    display: flex !important;
    align-items: center !important;
    font-size: clamp(18px, 4vw, 20px) !important;
    font-weight: 800 !important;
    margin-bottom: 12px !important;
    gap: 10px !important;
    color: #4a3f35 !important;
}

.esc-summary-title svg {
    width: 26px !important;
    height: 26px !important;
}

.esc-summary-box p {
    font-size: clamp(16px, 3.8vw, 18px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

.esc-summary-box strong {
    color: #a67c00 !important;
    background: rgba(255, 255, 255, 0.5) !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    font-weight: 800 !important;
}

/* RWD 手機版優先強制覆蓋 */
@media (max-width: 767px) {
    .esc-earth-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    
    .esc-step-box, .esc-summary-box {
        padding: 20px !important;
    }
    
    .esc-earth-title {
        /* 手機版不換行 */
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .esc-earth-subtitle {
        /* 副標題允許換行但保持整齊 */
        white-space: normal !important;
        word-break: keep-all !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5acd9e2 *//* 核心容器：延續淺色暖光磨砂玻璃 */
.esc-core-card {
    background: linear-gradient(135deg, rgba(255, 253, 250, 0.95) 0%, rgba(245, 240, 235, 0.85) 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 10px 40px rgba(92, 77, 66, 0.08), inset 0 0 20px rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 24px !important;
    padding: 45px 40px !important;
    max-width: 800px !important;
    margin: 40px auto !important;
    font-family: 'Noto Sans TC', sans-serif !important;
    color: #4a3f35 !important;
}

/* 標題區 */
.esc-core-header {
    text-align: center !important;
    margin-bottom: 35px !important;
}

.esc-core-icon {
    width: 44px !important;
    height: 44px !important;
    margin-bottom: 15px !important;
    filter: drop-shadow(0 4px 6px rgba(212, 175, 55, 0.3)) !important;
}

.esc-core-title {
    background: linear-gradient(to right, #5c4d42, #8a6d3b, #5c4d42) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    font-size: clamp(26px, 6vw, 34px) !important;
    font-weight: 800 !important;
    margin: 0 0 12px 0 !important;
    letter-spacing: 1.5px !important;
}

.esc-core-subtitle {
    color: #a67c00 !important;
    font-size: clamp(15px, 3.8vw, 18px) !important;
    font-weight: 700 !important;
    margin: 0 !important;
    letter-spacing: 1px !important;
}

/* 三大核心卡片網格 */
.esc-features-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    margin-bottom: 30px !important;
}

.esc-feat-item {
    background: rgba(255, 255, 255, 0.7) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 25px 15px !important;
    text-align: center !important;
    box-shadow: 0 4px 15px rgba(92, 77, 66, 0.03) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.esc-feat-item:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.15) !important;
    background: #fff !important;
}

.esc-feat-icon {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 12px !important;
}

.esc-feat-icon svg {
    width: 36px !important;
    height: 36px !important;
}

.esc-feat-title {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #5c4d42 !important;
    margin: 0 0 8px 0 !important;
}

.esc-feat-desc {
    font-size: 15px !important;
    color: #7a6a58 !important;
    margin: 0 !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
}

/* 總結強調框 */
.esc-core-conclusion {
    background: linear-gradient(135deg, rgba(245, 230, 186, 0.6) 0%, rgba(232, 208, 144, 0.3) 100%) !important;
    border-left: 4px solid #d4af37 !important;
    padding: 24px 30px !important;
    border-radius: 0 16px 16px 0 !important;
    text-align: center !important;
}

.esc-concl-text {
    font-size: clamp(15px, 3.5vw, 17px) !important;
    color: #4a3f35 !important;
    line-height: 1.8 !important;
    margin: 0 0 15px 0 !important;
    font-weight: 600 !important;
}

/* 重點文字視覺強化 */
.esc-concl-tags {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
}

.esc-concl-tags span {
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 800 !important;
    color: #a67c00 !important;
}

.esc-concl-tags .dot {
    color: #c9b175 !important;
}

/* RWD 手機版優先強制覆蓋 */
@media (max-width: 767px) {
    .esc-core-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    
    .esc-core-title {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .esc-core-subtitle {
        white-space: normal !important;
        word-break: keep-all !important;
    }

    /* 手機版三大特色改為垂直堆疊 */
    .esc-features-grid {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
    
    .esc-feat-item {
        padding: 20px 15px !important;
        /* 手機版稍微改成水平佈局讓畫面不要太長 */
        display: flex !important;
        align-items: center !important;
        text-align: left !important;
        gap: 15px !important;
    }

    .esc-feat-icon {
        margin-bottom: 0 !important;
    }

    .esc-feat-icon svg {
        width: 32px !important;
        height: 32px !important;
    }

    .esc-feat-title {
        margin: 0 0 4px 0 !important;
        font-size: 16px !important;
    }

    .esc-core-conclusion {
        padding: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a5be808 *//* 核心容器：延續香檳金與大地暖棕色系 */
.esc-dynamic-card {
    background: linear-gradient(135deg, rgba(255, 253, 250, 0.95) 0%, rgba(245, 240, 235, 0.85) 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 10px 40px rgba(92, 77, 66, 0.08), inset 0 0 20px rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 24px !important;
    padding: 45px 40px !important;
    max-width: 800px !important;
    margin: 40px auto !important;
    font-family: 'Noto Sans TC', sans-serif !important;
    color: #4a3f35 !important;
}

/* 頂部：動態訊號圖標區 */
.esc-dyn-header {
    text-align: center !important;
    margin-bottom: 30px !important;
}

/* 動畫核心：傳訊圖標容器 */
.esc-signal-icon-box {
    position: relative !important;
    width: 60px !important;
    height: 60px !important;
    margin: 0 auto 20px auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* 擴散波紋動畫 */
.esc-pulse-ring {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    border: 2px solid #d4af37 !important;
    animation: escPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
    opacity: 0 !important;
}

.esc-pulse-ring.delay {
    animation-delay: 1s !important;
}

/* 內部懸浮圖標 */
.esc-exo-core {
    position: relative !important;
    width: 40px !important;
    height: 40px !important;
    z-index: 2 !important;
    background: #fff !important;
    border-radius: 50% !important;
    padding: 6px !important;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.4) !important;
    animation: escFloat 3s ease-in-out infinite !important;
}

/* 定義動畫 */
@keyframes escPulse {
    0% { transform: scale(0.8); opacity: 0.8; }
    100% { transform: scale(2.2); opacity: 0; }
}

@keyframes escFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

.esc-dyn-title {
    background: linear-gradient(to right, #5c4d42, #8a6d3b, #5c4d42) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    font-size: clamp(26px, 6vw, 36px) !important;
    font-weight: 800 !important;
    margin: 0 0 12px 0 !important;
    letter-spacing: 1.5px !important;
}

.esc-dyn-subtitle {
    color: #a67c00 !important;
    font-size: clamp(16px, 4vw, 20px) !important;
    font-weight: 700 !important;
    margin: 0 !important;
    letter-spacing: 1px !important;
}

/* 情境故事區塊 */
.esc-story-box {
    text-align: center !important;
    font-size: clamp(16px, 3.8vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 30px !important;
}

.esc-story-box p {
    margin: 0 !important;
    color: #4a3f35 !important;
}

.esc-story-box strong {
    color: #a67c00 !important;
    font-weight: 800 !important;
    background: rgba(212, 175, 55, 0.1) !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
}

/* 視覺分隔線 */
.esc-divider {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 15px 0 !important;
    gap: 15px !important;
}

.esc-divider span {
    height: 1px !important;
    width: 60px !important;
    background: linear-gradient(to right, transparent, rgba(212, 175, 55, 0.4), transparent) !important;
}

.esc-divider svg {
    width: 20px !important;
    height: 20px !important;
    opacity: 0.7 !important;
}

/* 對比區塊外框 */
.esc-compare-wrapper {
    background: rgba(255, 255, 255, 0.5) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 25px !important;
    position: relative !important;
}

.esc-compare-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #8a6d3b !important;
    margin-bottom: 15px !important;
}

.esc-compare-label svg {
    width: 20px !important;
    height: 20px !important;
}

/* VS 網格佈局 */
.esc-compare-grid {
    display: flex !important;
    align-items: stretch !important;
    gap: 15px !important;
    position: relative !important;
}

.esc-comp-item {
    flex: 1 !important;
    padding: 20px !important;
    border-radius: 12px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.esc-comp-basic {
    background: rgba(245, 240, 235, 0.8) !important;
    border: 1px dashed rgba(138, 109, 59, 0.3) !important;
}

.esc-comp-exo {
    background: linear-gradient(135deg, #f5e6ba 0%, #e8d090 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2) !important;
}

/* 標籤 */
.esc-comp-badge {
    display: inline-block !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #5c4d42 !important;
    background: rgba(255, 255, 255, 0.6) !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    margin: 0 auto 10px auto !important;
    width: fit-content !important;
}

.esc-comp-badge.active {
    background: #a67c00 !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(166, 124, 0, 0.3) !important;
}

.esc-comp-item p {
    margin: 0 !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.6 !important;
    color: #4a3f35 !important;
}

/* 中間的 VS 圓圈 */
.esc-comp-vs {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    background: #fff !important;
    border: 1px solid #d4af37 !important;
    color: #8a6d3b !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
    z-index: 2 !important;
}

/* RWD 手機版優先強制覆蓋 */
@media (max-width: 767px) {
    .esc-dynamic-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    
    .esc-dyn-title {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .esc-dyn-subtitle {
        white-space: normal !important;
        word-break: keep-all !important;
    }
    
    .esc-story-box br {
        display: none !important; /* 手機版關閉強制換行，讓它自然流動 */
    }

    /* 對比區塊在手機版改為上下堆疊 */
    .esc-compare-grid {
        flex-direction: column !important;
        gap: 20px !important;
    }
    
    .esc-comp-vs {
        /* VS 圓圈在手機版移到兩個區塊中間 */
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-039cf43 *//* 核心容器：淺色暖光磨砂玻璃 */
.esc-why-card {
    background: linear-gradient(135deg, rgba(255, 253, 250, 0.95) 0%, rgba(245, 240, 235, 0.85) 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 10px 40px rgba(92, 77, 66, 0.08), inset 0 0 20px rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 24px !important;
    padding: 45px 40px !important;
    max-width: 800px !important;
    margin: 40px auto !important;
    font-family: 'Noto Sans TC', sans-serif !important;
    color: #4a3f35 !important;
}

/* 標題區 */
.esc-why-header {
    text-align: center !important;
    margin-bottom: 30px !important;
}

.esc-why-icon {
    width: 44px !important;
    height: 44px !important;
    margin-bottom: 15px !important;
    filter: drop-shadow(0 4px 6px rgba(212, 175, 55, 0.3)) !important;
}

.esc-why-title {
    background: linear-gradient(to right, #5c4d42, #8a6d3b, #5c4d42) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    font-size: clamp(26px, 6vw, 36px) !important;
    font-weight: 800 !important;
    margin: 0 0 12px 0 !important;
    letter-spacing: 1.5px !important;
    line-height: 1.2 !important;
}

.esc-why-subtitle {
    color: #a67c00 !important;
    font-size: clamp(15px, 3.8vw, 18px) !important;
    font-weight: 700 !important;
    margin: 0 !important;
    letter-spacing: 1px !important;
}

/* 內容佈局 */
.esc-why-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 25px !important;
}

/* 前言 */
.esc-why-intro {
    text-align: center !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    color: #4a3f35 !important;
    font-weight: 600 !important;
}

.esc-why-intro p {
    margin: 0 !important;
}

/* 疑問氣泡群 (Flex wrap自動排版) */
.esc-question-cloud {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px !important;
    margin-bottom: 10px !important;
}

/* 單個氣泡標籤 */
.esc-q-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(138, 109, 59, 0.2) !important;
    color: #5c4d42 !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 600 !important;
    padding: 10px 18px !important;
    border-radius: 30px !important;
    box-shadow: 0 4px 10px rgba(92, 77, 66, 0.05) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.esc-q-tag:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 15px rgba(212, 175, 55, 0.15) !important;
    border-color: rgba(212, 175, 55, 0.5) !important;
}

.esc-q-tag svg {
    width: 16px !important;
    height: 16px !important;
    opacity: 0.8 !important;
}

/* 解答價值框 */
.esc-value-box {
    background: linear-gradient(135deg, #f5e6ba 0%, #e8d090 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    padding: 25px 30px !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
}

.esc-value-icon {
    background: #fff !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 10px rgba(166, 124, 0, 0.2) !important;
    flex-shrink: 0 !important;
}

.esc-value-icon svg {
    width: 24px !important;
    height: 24px !important;
}

.esc-value-box p {
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    color: #4a3f35 !important;
}

.esc-value-box strong {
    color: #a67c00 !important;
    font-weight: 800 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
}

/* RWD 手機版優先強制覆蓋 */
@media (max-width: 767px) {
    .esc-why-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    
    .esc-why-title {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .esc-why-subtitle {
        white-space: normal !important;
        word-break: keep-all !important;
    }

    .esc-why-intro br {
        display: none !important; /* 手機版不強制換行 */
    }

    .esc-value-box {
        flex-direction: column !important;
        text-align: center !important;
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b0a8061 *//* 核心容器：淺色暖光磨砂玻璃 */
.esc-special-card {
    background: linear-gradient(135deg, rgba(255, 253, 250, 0.95) 0%, rgba(245, 240, 235, 0.85) 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 10px 40px rgba(92, 77, 66, 0.08), inset 0 0 20px rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 24px !important;
    padding: 45px 40px !important;
    max-width: 850px !important;
    margin: 40px auto !important;
    font-family: 'Noto Sans TC', sans-serif !important;
    color: #4a3f35 !important;
}

/* 標題區 */
.esc-special-header {
    text-align: center !important;
    margin-bottom: 35px !important;
}

.esc-special-icon {
    width: 44px !important;
    height: 44px !important;
    margin-bottom: 15px !important;
    filter: drop-shadow(0 4px 6px rgba(212, 175, 55, 0.3)) !important;
}

.esc-special-title {
    background: linear-gradient(to right, #5c4d42, #8a6d3b, #5c4d42) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    font-size: clamp(26px, 6vw, 36px) !important;
    font-weight: 800 !important;
    margin: 0 0 12px 0 !important;
    letter-spacing: 1.5px !important;
    line-height: 1.2 !important;
}

.esc-special-subtitle {
    color: #a67c00 !important;
    font-size: clamp(15px, 3.8vw, 18px) !important;
    font-weight: 700 !important;
    margin: 0 !important;
    letter-spacing: 1px !important;
}

/* 四宮格網格佈局 */
.esc-special-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
}

/* 單張卡片設計 */
.esc-sp-item {
    background: rgba(255, 255, 255, 0.6) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    box-shadow: 0 4px 15px rgba(92, 77, 66, 0.03) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
}

.esc-sp-item:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 20px rgba(212, 175, 55, 0.15) !important;
    background: #fff !important;
}

/* 標題與數字 */
.esc-sp-title-box {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 15px !important;
}

.esc-sp-num {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    background: linear-gradient(135deg, #d4af37, #a67c00) !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 8px rgba(166, 124, 0, 0.3) !important;
    flex-shrink: 0 !important;
}

.esc-sp-title {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #5c4d42 !important;
    margin: 0 !important;
}

/* 專業版內文 */
.esc-sp-pro {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.7 !important;
    color: #4a3f35 !important;
    margin: 0 0 15px 0 !important;
    flex-grow: 1 !important;
}

/* 白話版便利貼框 */
.esc-sp-easy {
    background: linear-gradient(to right, rgba(212, 175, 55, 0.1), rgba(245, 230, 186, 0.3)) !important;
    border-left: 3px solid #a67c00 !important;
    padding: 12px 15px !important;
    border-radius: 0 8px 8px 0 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #3b3026 !important;
    font-weight: 600 !important;
}

.esc-easy-label {
    display: block !important;
    color: #8a6d3b !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    margin-bottom: 4px !important;
}

/* RWD 手機版優先強制覆蓋 */
@media (max-width: 767px) {
    .esc-special-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    
    .esc-special-title {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .esc-special-subtitle {
        white-space: normal !important;
        word-break: keep-all !important;
    }

    /* 手機版改為單欄垂直排列 */
    .esc-special-grid {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
    
    .esc-sp-item {
        padding: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9a94e3f *//* 1. 頂部標題與磨砂玻璃效果 */
.bio-tech-header-wrapper {
    padding: 60px 20px !important;
    background: rgba(26, 42, 108, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 30px !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    text-align: center !important;
    margin: 20px auto 40px !important;
    transition: transform 0.2s ease !important;
}

.bio-tech-header-wrapper:active {
    transform: scale(0.98) !important; /* App 觸感 */
}

.bio-subtitle {
    display: block !important;
    color: #d4af37 !important;
    letter-spacing: 4px !important;
    font-size: 13px !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
}

.bio-main-title {
    font-size: clamp(22px, 5vw, 42px) !important;
    background: linear-gradient(135deg, #1a2a6c 20%, #d4af37 50%, #1a2a6c 80%) !important;
    background-size: 200% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 900 !important;
    white-space: nowrap !important; /* 強制手機不換行 */
    margin: 0 !important;
    animation: shine 5s linear infinite !important;
}

@keyframes shine {
    to { background-position: 200% center !important; }
}

.bio-gold-line {
    width: 60px !important;
    height: 3px !important;
    background: #d4af37 !important;
    margin: 20px auto 0 !important;
}

/* 2. 內容容器與卡片設計 */
.bio-content-container {
    max-width: 900px !important;
    margin: 0 auto !important;
    color: #333 !important;
}

.bio-news-box {
    background: #fdfbfb !important;
    border-left: 6px solid #1a2a6c !important;
    padding: 25px !important;
    border-radius: 0 20px 20px 0 !important;
    box-shadow: 10px 10px 30px rgba(0,0,0,0.03) !important;
    margin: 40px 0 !important;
    line-height: 1.8 !important;
}

.pillar-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    margin: 30px 0 !important;
}

.pillar-card {
    background: #ffffff !important;
    padding: 30px !important;
    border-radius: 20px !important;
    border: 1px solid #eee !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.pillar-card:hover {
    border-color: #d4af37 !important;
    transform: translateY(-8px) !important;
}

.pillar-card:active {
    transform: scale(0.9) !important; /* 嚴格遵守 App 縮放規範 */
}

.pillar-icon {
    position: absolute !important;
    top: 15px !important;
    right: 20px !important;
    font-size: 32px !important;
    font-weight: 900 !important;
    color: rgba(26, 42, 108, 0.08) !important;
}

.pillar-card h4 {
    color: #1a2a6c !important;
    margin: 0 0 15px 0 !important;
    border-bottom: 2px solid #d4af37 !important;
    display: inline-block !important;
}

/* 3. 強調文字樣式 */
.gold-highlight { color: #d4af37 !important; font-weight: bold !important; }
.gold-tag { background: #d4af37 !important; color: #fff !important; padding: 2px 8px !important; border-radius: 5px !important; font-size: 14px !important; }
.navy-bold { color: #1a2a6c !important; font-weight: bold !important; }
.data-highlight { font-weight: 800 !important; border-bottom: 2px solid rgba(212, 175, 55, 0.5) !important; }

/* 4. 底部備註與連結 */
.bio-footer-note {
    background: #1a2a6c !important;
    color: #fdfbfb !important;
    padding: 35px !important;
    border-radius: 25px !important;
    text-align: center !important;
    margin-top: 50px !important;
}

.source-link-wrapper {
    text-align: center !important;
    margin-top: 30px !important;
    font-size: 14px !important;
}

.source-link-wrapper a {
    color: #1a2a6c !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

/* 5. 手機版 RWD 極致優化 */
@media (max-width: 767px) {
    .pillar-grid {
        grid-template-columns: 1fr !important; /* 手機變單欄 */
    }
    
    .section-title {
        font-size: clamp(18px, 6vw, 24px) !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .bio-main-title {
        font-size: 20px !important; /* 確保窄螢幕也不會斷行 */
    }

    .bio-tech-header-wrapper {
        padding: 40px 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-38cde1e *//* --- 特大開頭 Banner 容器 --- */
.sg-hero-banner {
  position: relative !important;
  /* 科技流體極光背景：由海軍藍、生醫綠、珍珠白光、微亮金交織而成 */
  background: radial-gradient(circle at 80% 20%, rgba(214, 175, 55, 0.15) 0%, transparent 50%),
              radial-gradient(circle at 20% 80%, rgba(18, 53, 36, 0.4) 0%, transparent 60%),
              linear-gradient(135deg, #1a2a6c 0%, #0d1536 100%) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-radius: 32px !important;
  border: 1px solid rgba(253, 251, 251, 0.15) !important;
  padding: 80px 60px !important;
  max-width: 1200px !important;
  margin: 40px auto !important;
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.4), inset 0 1px 3px rgba(255, 255, 255, 0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
  transition: all 0.5s ease !important;
}

/* 整張大圖 Hover 時產生微幅推進的沉浸感 */
.sg-hero-banner:hover {
  box-shadow: 0 40px 90px rgba(212, 175, 55, 0.15), 0 30px 70px rgba(0, 0, 0, 0.5) !important;
  border-color: rgba(212, 175, 55, 0.4) !important;
}

/* --- 內部左右排版 (Flexbox) --- */
.sg-hero-container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 60px !important;
}

/* --- 左側文字內容區 --- */
.sg-hero-text-block {
  flex: 1 !important;
  text-align: left !important;
}

.sg-hero-badge {
  display: inline-block !important;
  background: linear-gradient(135deg, #d4af37, #b38728) !important;
  color: #1a2a6c !important;
  font-weight: 800 !important;
  font-size: clamp(14px, 3vw, 16px) !important;
  padding: 8px 24px !important;
  border-radius: 50px !important;
  margin-bottom: 24px !important;
  box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
  letter-spacing: 1px !important;
}

/* 震撼特大標題 (珍珠高光) */
.sg-hero-title {
  color: #ffffff !important;
  font-weight: 900 !important;
  font-size: clamp(36px, 6vw, 64px) !important; /* 電腦版非常巨大有張力 */
  line-height: 1.2 !important;
  margin-bottom: 16px !important;
  text-shadow: 0 0 30px rgba(255, 255, 255, 0.4) !important;
}

/* 金屬流光副標題 */
.sg-hero-subtitle {
  font-size: clamp(24px, 4.5vw, 42px) !important;
  font-weight: 800 !important;
  margin-bottom: 28px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicHero 3s linear infinite !important;
}

@keyframes metallicHero {
  to { background-position: 200% center; }
}

.sg-hero-desc {
  color: rgba(253, 251, 251, 0.9) !important;
  font-size: clamp(15px, 3.5vw, 18px) !important;
  line-height: 1.9 !important;
  margin: 0 !important;
  max-width: 600px !important;
  text-align: justify !important;
  letter-spacing: 0.8px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 右側：純代碼立體外泌體晶球視覺區 --- */
.sg-hero-visual-block {
  flex: 0 0 320px !important;
  height: 320px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  position: relative !important;
}

/* 外泌體晶球主體 (會呼吸的動態) */
.sg-exosome-sphere {
  width: 180px !important;
  height: 180px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.4) 0%, rgba(214, 175, 55, 0.2) 40%, rgba(26, 42, 108, 0.8) 100%) !important;
  box-shadow: 0 0 50px rgba(212, 175, 55, 0.3), inset 0 0 30px rgba(255,255,255,0.3) !important;
  position: relative !important;
  animation: spherePulse 4s ease-in-out infinite alternate !important;
}

/* 核心發光體 */
.sg-sphere-core {
  position: absolute !important;
  top: 25% !important;
  left: 25% !important;
  width: 50% !important;
  height: 50% !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, #fcf6ba 0%, #d4af37 70%, transparent 100%) !important;
  filter: blur(5px) !important;
  opacity: 0.8 !important;
}

/* 科技軌道 1 (順時針轉) */
.sg-sphere-orbit-1 {
  position: absolute !important;
  top: -20px !important;
  left: -20px !important;
  right: -20px !important;
  bottom: -20px !important;
  border: 1px dashed rgba(212, 175, 55, 0.4) !important;
  border-radius: 50% !important;
  animation: orbitRotate 10s linear infinite !important;
}

/* 科技軌道 2 (逆時針斜轉) */
.sg-sphere-orbit-2 {
  position: absolute !important;
  top: -40px !important;
  left: -40px !important;
  right: -40px !important;
  bottom: -40px !important;
  border: 1px solid rgba(253, 251, 251, 0.15) !important;
  border-radius: 50% !important;
  transform: rotateX(60deg) rotateY(30deg) !important;
  animation: orbitRotate 15s linear infinite reverse !important;
}

/* 晶球呼吸動畫 */
@keyframes spherePulse {
  0% { transform: scale(1); filter: drop-shadow(0 0 30px rgba(212,175,55,0.2)); }
  100% { transform: scale(1.06); filter: drop-shadow(0 0 60px rgba(212,175,55,0.5)); }
}

/* 軌道旋轉動畫 */
@keyframes orbitRotate {
  100% { transform: rotate(360deg); }
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-hero-banner {
    padding: 60px 24px 48px 24px !important;
    margin: 20px 10px !important;
    border-radius: 24px !important;
  }
  
  .sg-hero-container {
    flex-direction: column-reverse !important; /* 手機版讓會動的晶球在最上面，文字在下面，視覺更吸睛 */
    gap: 40px !important;
  }
  
  .sg-hero-text-block {
    text-align: center !important; /* 手機版文字居中 */
  }
  
  .sg-hero-desc {
    text-align: left !important;
  }
  
  .sg-title-protect {
    display: block !important; /* 手機版強制安全斷行 */
  }
  
  .sg-hero-visual-block {
    flex: 0 0 200px !important; /* 手機版縮小晶球視覺 */
    height: 200px !important;
  }
  .sg-exosome-sphere {
    width: 130px !important;
    height: 130px !important;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-6d607da *//* 將整條收合面板變成海軍藍與質感金邊 */
.elementor-13873 .elementor-element.elementor-element-6d607da .elementor-tab-title {
    background-color: #1a2a6c !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    border-radius: 12px !important;
    margin-bottom: 12px !important; /* 拉開兩條之間的距離 */
    transition: transform 0.2s ease, background 0.3s ease !important;
}

/* 右側的展開 Icon 變更為白色，避免隱形 */
.elementor-13873 .elementor-element.elementor-element-6d607da .elementor-toggle-icon {
    color: #fdfbfb !important;
}

/* 點擊時的 App 微縮回饋 */
.elementor-13873 .elementor-element.elementor-element-6d607da .elementor-tab-title:active {
    transform: scale(0.96) !important;
    background-color: #121d4a !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4bba48 *//* 專屬置中容器 */
.btn-wrapper {
  display: flex;
  justify-content: center; /* 水平置中 */
  align-items: center;     /* 垂直置中 */
  width: 100%;
  padding: 40px 0;         /* 上下保留呼吸空間，讓焦點更集中 */
}

/* 升級版按鈕樣式 */
.gold-btn {
  /* 放大的排版與尺寸 */
  display: inline-block;
  padding: 18px 54px;      /* 加大內邊距，讓按鈕看起來更大氣 */
  font-size: 26px;         /* 顯著放大字體 */
  font-weight: bold;
  letter-spacing: 2px;     /* 字距微調，提升質感 */
  
  /* 色彩與背景 */
  color: #5c3a00; 
  background: linear-gradient(135deg, #ffe58f 0%, #d4af37 100%); 
  border: none;
  border-radius: 40px;     /* 圓角跟著按鈕比例放大，保持圓潤 */
  cursor: pointer;
  
  /* 陰影與定位 */
  box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4); 
  position: relative;
  overflow: hidden; 
  
  /* 動畫過渡設定 */
  transition: all 0.3s ease;
}

/* 1. 滑鼠懸停效果 (Hover) */
.gold-btn:hover {
  transform: translateY(-3px) scale(1.02); 
  box-shadow: 0 8px 25px rgba(212, 175, 55, 0.6); 
  background: linear-gradient(135deg, #fff0ba 0%, #e6be45 100%); 
}

/* 2. 點擊按壓效果 (Active) */
.gold-btn:active {
  transform: translateY(1px) scale(0.96); 
  box-shadow: 0 2px 10px rgba(212, 175, 55, 0.3); 
}

/* 3. 內建光澤掃過動畫 (使用偽元素) */
.gold-btn::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%; 
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);
  transform: skewX(-25deg); 
  transition: all 0.6s ease;
}

/* 當滑鼠懸停時，觸發光澤掃過 */
.gold-btn:hover::after {
  left: 150%; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-30439ee *//* 核心容器：淺色暖光磨砂玻璃 */
.esc-earth-card {
    /* 配合米白背景的暖色透視感 */
    background: linear-gradient(135deg, rgba(255, 253, 250, 0.95) 0%, rgba(245, 240, 235, 0.85) 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 10px 40px rgba(92, 77, 66, 0.08), inset 0 0 20px rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 24px !important;
    padding: 45px 40px !important;
    max-width: 800px !important;
    margin: 40px auto !important;
    font-family: 'Noto Sans TC', sans-serif !important;
    color: #4a3f35 !important; /* 大地暖棕色文字 */
}

/* 標題區 */
.esc-earth-header {
    text-align: center !important;
    margin-bottom: 35px !important;
}

.esc-earth-icon {
    width: 48px !important;
    height: 48px !important;
    margin-bottom: 15px !important;
    filter: drop-shadow(0 4px 6px rgba(212, 175, 55, 0.3)) !important;
}

.esc-earth-title {
    /* 深暖棕與暗金色的漸層，質感低調奢華 */
    background: linear-gradient(to right, #5c4d42, #8a6d3b, #5c4d42) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    font-size: clamp(26px, 6vw, 36px) !important;
    font-weight: 800 !important;
    margin: 0 0 12px 0 !important;
    letter-spacing: 1.5px !important;
    line-height: 1.2 !important;
}

.esc-earth-subtitle {
    color: #7a6a58 !important;
    font-size: clamp(15px, 3.5vw, 18px) !important;
    font-weight: 500 !important;
    margin: 0 !important;
    letter-spacing: 1px !important;
}

/* 內容佈局 */
.esc-earth-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

/* 一般步驟框 (釐清觀念) */
.esc-step-box {
    background: rgba(255, 255, 255, 0.6) !important;
    border-left: 4px solid #d4af37 !important;
    padding: 20px 25px !important;
    border-radius: 0 12px 12px 0 !important;
    box-shadow: 0 4px 15px rgba(92, 77, 66, 0.03) !important;
}

/* 強調步驟框 (系統定義) */
.esc-highlight-box {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.08) 0%, rgba(212, 175, 55, 0.02) 100%) !important;
    border-left: 4px solid #a67c00 !important;
}

.esc-step-title {
    display: flex !important;
    align-items: center !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #8a6d3b !important;
    margin-bottom: 8px !important;
    gap: 8px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.esc-step-title svg {
    width: 20px !important;
    height: 20px !important;
}

.esc-step-box p {
    font-size: clamp(15px, 3.5vw, 17px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    color: #4a3f35 !important;
}

.esc-step-box strong {
    color: #2c241b !important;
    font-weight: 700 !important;
}

/* 白話總結框：更溫暖的實體質感 */
.esc-summary-box {
    background: linear-gradient(135deg, #f5e6ba 0%, #e8d090 100%) !important;
    color: #3b3026 !important;
    padding: 24px 30px !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.15) !important;
    margin-top: 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

.esc-summary-title {
    display: flex !important;
    align-items: center !important;
    font-size: clamp(18px, 4vw, 20px) !important;
    font-weight: 800 !important;
    margin-bottom: 12px !important;
    gap: 10px !important;
    color: #4a3f35 !important;
}

.esc-summary-title svg {
    width: 26px !important;
    height: 26px !important;
}

.esc-summary-box p {
    font-size: clamp(16px, 3.8vw, 18px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

.esc-summary-box strong {
    color: #a67c00 !important;
    background: rgba(255, 255, 255, 0.5) !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    font-weight: 800 !important;
}

/* RWD 手機版優先強制覆蓋 */
@media (max-width: 767px) {
    .esc-earth-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    
    .esc-step-box, .esc-summary-box {
        padding: 20px !important;
    }
    
    .esc-earth-title {
        /* 手機版不換行 */
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .esc-earth-subtitle {
        /* 副標題允許換行但保持整齊 */
        white-space: normal !important;
        word-break: keep-all !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5acd9e2 *//* 核心容器：延續淺色暖光磨砂玻璃 */
.esc-core-card {
    background: linear-gradient(135deg, rgba(255, 253, 250, 0.95) 0%, rgba(245, 240, 235, 0.85) 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 10px 40px rgba(92, 77, 66, 0.08), inset 0 0 20px rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 24px !important;
    padding: 45px 40px !important;
    max-width: 800px !important;
    margin: 40px auto !important;
    font-family: 'Noto Sans TC', sans-serif !important;
    color: #4a3f35 !important;
}

/* 標題區 */
.esc-core-header {
    text-align: center !important;
    margin-bottom: 35px !important;
}

.esc-core-icon {
    width: 44px !important;
    height: 44px !important;
    margin-bottom: 15px !important;
    filter: drop-shadow(0 4px 6px rgba(212, 175, 55, 0.3)) !important;
}

.esc-core-title {
    background: linear-gradient(to right, #5c4d42, #8a6d3b, #5c4d42) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    font-size: clamp(26px, 6vw, 34px) !important;
    font-weight: 800 !important;
    margin: 0 0 12px 0 !important;
    letter-spacing: 1.5px !important;
}

.esc-core-subtitle {
    color: #a67c00 !important;
    font-size: clamp(15px, 3.8vw, 18px) !important;
    font-weight: 700 !important;
    margin: 0 !important;
    letter-spacing: 1px !important;
}

/* 三大核心卡片網格 */
.esc-features-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    margin-bottom: 30px !important;
}

.esc-feat-item {
    background: rgba(255, 255, 255, 0.7) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 25px 15px !important;
    text-align: center !important;
    box-shadow: 0 4px 15px rgba(92, 77, 66, 0.03) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.esc-feat-item:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.15) !important;
    background: #fff !important;
}

.esc-feat-icon {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 12px !important;
}

.esc-feat-icon svg {
    width: 36px !important;
    height: 36px !important;
}

.esc-feat-title {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #5c4d42 !important;
    margin: 0 0 8px 0 !important;
}

.esc-feat-desc {
    font-size: 15px !important;
    color: #7a6a58 !important;
    margin: 0 !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
}

/* 總結強調框 */
.esc-core-conclusion {
    background: linear-gradient(135deg, rgba(245, 230, 186, 0.6) 0%, rgba(232, 208, 144, 0.3) 100%) !important;
    border-left: 4px solid #d4af37 !important;
    padding: 24px 30px !important;
    border-radius: 0 16px 16px 0 !important;
    text-align: center !important;
}

.esc-concl-text {
    font-size: clamp(15px, 3.5vw, 17px) !important;
    color: #4a3f35 !important;
    line-height: 1.8 !important;
    margin: 0 0 15px 0 !important;
    font-weight: 600 !important;
}

/* 重點文字視覺強化 */
.esc-concl-tags {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
}

.esc-concl-tags span {
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 800 !important;
    color: #a67c00 !important;
}

.esc-concl-tags .dot {
    color: #c9b175 !important;
}

/* RWD 手機版優先強制覆蓋 */
@media (max-width: 767px) {
    .esc-core-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    
    .esc-core-title {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .esc-core-subtitle {
        white-space: normal !important;
        word-break: keep-all !important;
    }

    /* 手機版三大特色改為垂直堆疊 */
    .esc-features-grid {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
    
    .esc-feat-item {
        padding: 20px 15px !important;
        /* 手機版稍微改成水平佈局讓畫面不要太長 */
        display: flex !important;
        align-items: center !important;
        text-align: left !important;
        gap: 15px !important;
    }

    .esc-feat-icon {
        margin-bottom: 0 !important;
    }

    .esc-feat-icon svg {
        width: 32px !important;
        height: 32px !important;
    }

    .esc-feat-title {
        margin: 0 0 4px 0 !important;
        font-size: 16px !important;
    }

    .esc-core-conclusion {
        padding: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a5be808 *//* 核心容器：延續香檳金與大地暖棕色系 */
.esc-dynamic-card {
    background: linear-gradient(135deg, rgba(255, 253, 250, 0.95) 0%, rgba(245, 240, 235, 0.85) 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 10px 40px rgba(92, 77, 66, 0.08), inset 0 0 20px rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 24px !important;
    padding: 45px 40px !important;
    max-width: 800px !important;
    margin: 40px auto !important;
    font-family: 'Noto Sans TC', sans-serif !important;
    color: #4a3f35 !important;
}

/* 頂部：動態訊號圖標區 */
.esc-dyn-header {
    text-align: center !important;
    margin-bottom: 30px !important;
}

/* 動畫核心：傳訊圖標容器 */
.esc-signal-icon-box {
    position: relative !important;
    width: 60px !important;
    height: 60px !important;
    margin: 0 auto 20px auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* 擴散波紋動畫 */
.esc-pulse-ring {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    border: 2px solid #d4af37 !important;
    animation: escPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
    opacity: 0 !important;
}

.esc-pulse-ring.delay {
    animation-delay: 1s !important;
}

/* 內部懸浮圖標 */
.esc-exo-core {
    position: relative !important;
    width: 40px !important;
    height: 40px !important;
    z-index: 2 !important;
    background: #fff !important;
    border-radius: 50% !important;
    padding: 6px !important;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.4) !important;
    animation: escFloat 3s ease-in-out infinite !important;
}

/* 定義動畫 */
@keyframes escPulse {
    0% { transform: scale(0.8); opacity: 0.8; }
    100% { transform: scale(2.2); opacity: 0; }
}

@keyframes escFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

.esc-dyn-title {
    background: linear-gradient(to right, #5c4d42, #8a6d3b, #5c4d42) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    font-size: clamp(26px, 6vw, 36px) !important;
    font-weight: 800 !important;
    margin: 0 0 12px 0 !important;
    letter-spacing: 1.5px !important;
}

.esc-dyn-subtitle {
    color: #a67c00 !important;
    font-size: clamp(16px, 4vw, 20px) !important;
    font-weight: 700 !important;
    margin: 0 !important;
    letter-spacing: 1px !important;
}

/* 情境故事區塊 */
.esc-story-box {
    text-align: center !important;
    font-size: clamp(16px, 3.8vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 30px !important;
}

.esc-story-box p {
    margin: 0 !important;
    color: #4a3f35 !important;
}

.esc-story-box strong {
    color: #a67c00 !important;
    font-weight: 800 !important;
    background: rgba(212, 175, 55, 0.1) !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
}

/* 視覺分隔線 */
.esc-divider {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 15px 0 !important;
    gap: 15px !important;
}

.esc-divider span {
    height: 1px !important;
    width: 60px !important;
    background: linear-gradient(to right, transparent, rgba(212, 175, 55, 0.4), transparent) !important;
}

.esc-divider svg {
    width: 20px !important;
    height: 20px !important;
    opacity: 0.7 !important;
}

/* 對比區塊外框 */
.esc-compare-wrapper {
    background: rgba(255, 255, 255, 0.5) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 25px !important;
    position: relative !important;
}

.esc-compare-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #8a6d3b !important;
    margin-bottom: 15px !important;
}

.esc-compare-label svg {
    width: 20px !important;
    height: 20px !important;
}

/* VS 網格佈局 */
.esc-compare-grid {
    display: flex !important;
    align-items: stretch !important;
    gap: 15px !important;
    position: relative !important;
}

.esc-comp-item {
    flex: 1 !important;
    padding: 20px !important;
    border-radius: 12px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.esc-comp-basic {
    background: rgba(245, 240, 235, 0.8) !important;
    border: 1px dashed rgba(138, 109, 59, 0.3) !important;
}

.esc-comp-exo {
    background: linear-gradient(135deg, #f5e6ba 0%, #e8d090 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2) !important;
}

/* 標籤 */
.esc-comp-badge {
    display: inline-block !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #5c4d42 !important;
    background: rgba(255, 255, 255, 0.6) !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    margin: 0 auto 10px auto !important;
    width: fit-content !important;
}

.esc-comp-badge.active {
    background: #a67c00 !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(166, 124, 0, 0.3) !important;
}

.esc-comp-item p {
    margin: 0 !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.6 !important;
    color: #4a3f35 !important;
}

/* 中間的 VS 圓圈 */
.esc-comp-vs {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    background: #fff !important;
    border: 1px solid #d4af37 !important;
    color: #8a6d3b !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
    z-index: 2 !important;
}

/* RWD 手機版優先強制覆蓋 */
@media (max-width: 767px) {
    .esc-dynamic-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    
    .esc-dyn-title {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .esc-dyn-subtitle {
        white-space: normal !important;
        word-break: keep-all !important;
    }
    
    .esc-story-box br {
        display: none !important; /* 手機版關閉強制換行，讓它自然流動 */
    }

    /* 對比區塊在手機版改為上下堆疊 */
    .esc-compare-grid {
        flex-direction: column !important;
        gap: 20px !important;
    }
    
    .esc-comp-vs {
        /* VS 圓圈在手機版移到兩個區塊中間 */
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-039cf43 *//* 核心容器：淺色暖光磨砂玻璃 */
.esc-why-card {
    background: linear-gradient(135deg, rgba(255, 253, 250, 0.95) 0%, rgba(245, 240, 235, 0.85) 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 10px 40px rgba(92, 77, 66, 0.08), inset 0 0 20px rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 24px !important;
    padding: 45px 40px !important;
    max-width: 800px !important;
    margin: 40px auto !important;
    font-family: 'Noto Sans TC', sans-serif !important;
    color: #4a3f35 !important;
}

/* 標題區 */
.esc-why-header {
    text-align: center !important;
    margin-bottom: 30px !important;
}

.esc-why-icon {
    width: 44px !important;
    height: 44px !important;
    margin-bottom: 15px !important;
    filter: drop-shadow(0 4px 6px rgba(212, 175, 55, 0.3)) !important;
}

.esc-why-title {
    background: linear-gradient(to right, #5c4d42, #8a6d3b, #5c4d42) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    font-size: clamp(26px, 6vw, 36px) !important;
    font-weight: 800 !important;
    margin: 0 0 12px 0 !important;
    letter-spacing: 1.5px !important;
    line-height: 1.2 !important;
}

.esc-why-subtitle {
    color: #a67c00 !important;
    font-size: clamp(15px, 3.8vw, 18px) !important;
    font-weight: 700 !important;
    margin: 0 !important;
    letter-spacing: 1px !important;
}

/* 內容佈局 */
.esc-why-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 25px !important;
}

/* 前言 */
.esc-why-intro {
    text-align: center !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    color: #4a3f35 !important;
    font-weight: 600 !important;
}

.esc-why-intro p {
    margin: 0 !important;
}

/* 疑問氣泡群 (Flex wrap自動排版) */
.esc-question-cloud {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px !important;
    margin-bottom: 10px !important;
}

/* 單個氣泡標籤 */
.esc-q-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(138, 109, 59, 0.2) !important;
    color: #5c4d42 !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 600 !important;
    padding: 10px 18px !important;
    border-radius: 30px !important;
    box-shadow: 0 4px 10px rgba(92, 77, 66, 0.05) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.esc-q-tag:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 15px rgba(212, 175, 55, 0.15) !important;
    border-color: rgba(212, 175, 55, 0.5) !important;
}

.esc-q-tag svg {
    width: 16px !important;
    height: 16px !important;
    opacity: 0.8 !important;
}

/* 解答價值框 */
.esc-value-box {
    background: linear-gradient(135deg, #f5e6ba 0%, #e8d090 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    padding: 25px 30px !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
}

.esc-value-icon {
    background: #fff !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 10px rgba(166, 124, 0, 0.2) !important;
    flex-shrink: 0 !important;
}

.esc-value-icon svg {
    width: 24px !important;
    height: 24px !important;
}

.esc-value-box p {
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    color: #4a3f35 !important;
}

.esc-value-box strong {
    color: #a67c00 !important;
    font-weight: 800 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
}

/* RWD 手機版優先強制覆蓋 */
@media (max-width: 767px) {
    .esc-why-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    
    .esc-why-title {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .esc-why-subtitle {
        white-space: normal !important;
        word-break: keep-all !important;
    }

    .esc-why-intro br {
        display: none !important; /* 手機版不強制換行 */
    }

    .esc-value-box {
        flex-direction: column !important;
        text-align: center !important;
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b0a8061 *//* 核心容器：淺色暖光磨砂玻璃 */
.esc-special-card {
    background: linear-gradient(135deg, rgba(255, 253, 250, 0.95) 0%, rgba(245, 240, 235, 0.85) 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 10px 40px rgba(92, 77, 66, 0.08), inset 0 0 20px rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 24px !important;
    padding: 45px 40px !important;
    max-width: 850px !important;
    margin: 40px auto !important;
    font-family: 'Noto Sans TC', sans-serif !important;
    color: #4a3f35 !important;
}

/* 標題區 */
.esc-special-header {
    text-align: center !important;
    margin-bottom: 35px !important;
}

.esc-special-icon {
    width: 44px !important;
    height: 44px !important;
    margin-bottom: 15px !important;
    filter: drop-shadow(0 4px 6px rgba(212, 175, 55, 0.3)) !important;
}

.esc-special-title {
    background: linear-gradient(to right, #5c4d42, #8a6d3b, #5c4d42) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    font-size: clamp(26px, 6vw, 36px) !important;
    font-weight: 800 !important;
    margin: 0 0 12px 0 !important;
    letter-spacing: 1.5px !important;
    line-height: 1.2 !important;
}

.esc-special-subtitle {
    color: #a67c00 !important;
    font-size: clamp(15px, 3.8vw, 18px) !important;
    font-weight: 700 !important;
    margin: 0 !important;
    letter-spacing: 1px !important;
}

/* 四宮格網格佈局 */
.esc-special-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
}

/* 單張卡片設計 */
.esc-sp-item {
    background: rgba(255, 255, 255, 0.6) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    box-shadow: 0 4px 15px rgba(92, 77, 66, 0.03) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
}

.esc-sp-item:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 20px rgba(212, 175, 55, 0.15) !important;
    background: #fff !important;
}

/* 標題與數字 */
.esc-sp-title-box {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 15px !important;
}

.esc-sp-num {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    background: linear-gradient(135deg, #d4af37, #a67c00) !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 8px rgba(166, 124, 0, 0.3) !important;
    flex-shrink: 0 !important;
}

.esc-sp-title {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #5c4d42 !important;
    margin: 0 !important;
}

/* 專業版內文 */
.esc-sp-pro {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.7 !important;
    color: #4a3f35 !important;
    margin: 0 0 15px 0 !important;
    flex-grow: 1 !important;
}

/* 白話版便利貼框 */
.esc-sp-easy {
    background: linear-gradient(to right, rgba(212, 175, 55, 0.1), rgba(245, 230, 186, 0.3)) !important;
    border-left: 3px solid #a67c00 !important;
    padding: 12px 15px !important;
    border-radius: 0 8px 8px 0 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #3b3026 !important;
    font-weight: 600 !important;
}

.esc-easy-label {
    display: block !important;
    color: #8a6d3b !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    margin-bottom: 4px !important;
}

/* RWD 手機版優先強制覆蓋 */
@media (max-width: 767px) {
    .esc-special-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    
    .esc-special-title {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .esc-special-subtitle {
        white-space: normal !important;
        word-break: keep-all !important;
    }

    /* 手機版改為單欄垂直排列 */
    .esc-special-grid {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
    
    .esc-sp-item {
        padding: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9a94e3f *//* 1. 頂部標題與磨砂玻璃效果 */
.bio-tech-header-wrapper {
    padding: 60px 20px !important;
    background: rgba(26, 42, 108, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 30px !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    text-align: center !important;
    margin: 20px auto 40px !important;
    transition: transform 0.2s ease !important;
}

.bio-tech-header-wrapper:active {
    transform: scale(0.98) !important; /* App 觸感 */
}

.bio-subtitle {
    display: block !important;
    color: #d4af37 !important;
    letter-spacing: 4px !important;
    font-size: 13px !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
}

.bio-main-title {
    font-size: clamp(22px, 5vw, 42px) !important;
    background: linear-gradient(135deg, #1a2a6c 20%, #d4af37 50%, #1a2a6c 80%) !important;
    background-size: 200% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 900 !important;
    white-space: nowrap !important; /* 強制手機不換行 */
    margin: 0 !important;
    animation: shine 5s linear infinite !important;
}

@keyframes shine {
    to { background-position: 200% center !important; }
}

.bio-gold-line {
    width: 60px !important;
    height: 3px !important;
    background: #d4af37 !important;
    margin: 20px auto 0 !important;
}

/* 2. 內容容器與卡片設計 */
.bio-content-container {
    max-width: 900px !important;
    margin: 0 auto !important;
    color: #333 !important;
}

.bio-news-box {
    background: #fdfbfb !important;
    border-left: 6px solid #1a2a6c !important;
    padding: 25px !important;
    border-radius: 0 20px 20px 0 !important;
    box-shadow: 10px 10px 30px rgba(0,0,0,0.03) !important;
    margin: 40px 0 !important;
    line-height: 1.8 !important;
}

.pillar-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    margin: 30px 0 !important;
}

.pillar-card {
    background: #ffffff !important;
    padding: 30px !important;
    border-radius: 20px !important;
    border: 1px solid #eee !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.pillar-card:hover {
    border-color: #d4af37 !important;
    transform: translateY(-8px) !important;
}

.pillar-card:active {
    transform: scale(0.9) !important; /* 嚴格遵守 App 縮放規範 */
}

.pillar-icon {
    position: absolute !important;
    top: 15px !important;
    right: 20px !important;
    font-size: 32px !important;
    font-weight: 900 !important;
    color: rgba(26, 42, 108, 0.08) !important;
}

.pillar-card h4 {
    color: #1a2a6c !important;
    margin: 0 0 15px 0 !important;
    border-bottom: 2px solid #d4af37 !important;
    display: inline-block !important;
}

/* 3. 強調文字樣式 */
.gold-highlight { color: #d4af37 !important; font-weight: bold !important; }
.gold-tag { background: #d4af37 !important; color: #fff !important; padding: 2px 8px !important; border-radius: 5px !important; font-size: 14px !important; }
.navy-bold { color: #1a2a6c !important; font-weight: bold !important; }
.data-highlight { font-weight: 800 !important; border-bottom: 2px solid rgba(212, 175, 55, 0.5) !important; }

/* 4. 底部備註與連結 */
.bio-footer-note {
    background: #1a2a6c !important;
    color: #fdfbfb !important;
    padding: 35px !important;
    border-radius: 25px !important;
    text-align: center !important;
    margin-top: 50px !important;
}

.source-link-wrapper {
    text-align: center !important;
    margin-top: 30px !important;
    font-size: 14px !important;
}

.source-link-wrapper a {
    color: #1a2a6c !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

/* 5. 手機版 RWD 極致優化 */
@media (max-width: 767px) {
    .pillar-grid {
        grid-template-columns: 1fr !important; /* 手機變單欄 */
    }
    
    .section-title {
        font-size: clamp(18px, 6vw, 24px) !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .bio-main-title {
        font-size: 20px !important; /* 確保窄螢幕也不會斷行 */
    }

    .bio-tech-header-wrapper {
        padding: 40px 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-38cde1e *//* --- 特大開頭 Banner 容器 --- */
.sg-hero-banner {
  position: relative !important;
  /* 科技流體極光背景：由海軍藍、生醫綠、珍珠白光、微亮金交織而成 */
  background: radial-gradient(circle at 80% 20%, rgba(214, 175, 55, 0.15) 0%, transparent 50%),
              radial-gradient(circle at 20% 80%, rgba(18, 53, 36, 0.4) 0%, transparent 60%),
              linear-gradient(135deg, #1a2a6c 0%, #0d1536 100%) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-radius: 32px !important;
  border: 1px solid rgba(253, 251, 251, 0.15) !important;
  padding: 80px 60px !important;
  max-width: 1200px !important;
  margin: 40px auto !important;
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.4), inset 0 1px 3px rgba(255, 255, 255, 0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
  transition: all 0.5s ease !important;
}

/* 整張大圖 Hover 時產生微幅推進的沉浸感 */
.sg-hero-banner:hover {
  box-shadow: 0 40px 90px rgba(212, 175, 55, 0.15), 0 30px 70px rgba(0, 0, 0, 0.5) !important;
  border-color: rgba(212, 175, 55, 0.4) !important;
}

/* --- 內部左右排版 (Flexbox) --- */
.sg-hero-container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 60px !important;
}

/* --- 左側文字內容區 --- */
.sg-hero-text-block {
  flex: 1 !important;
  text-align: left !important;
}

.sg-hero-badge {
  display: inline-block !important;
  background: linear-gradient(135deg, #d4af37, #b38728) !important;
  color: #1a2a6c !important;
  font-weight: 800 !important;
  font-size: clamp(14px, 3vw, 16px) !important;
  padding: 8px 24px !important;
  border-radius: 50px !important;
  margin-bottom: 24px !important;
  box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
  letter-spacing: 1px !important;
}

/* 震撼特大標題 (珍珠高光) */
.sg-hero-title {
  color: #ffffff !important;
  font-weight: 900 !important;
  font-size: clamp(36px, 6vw, 64px) !important; /* 電腦版非常巨大有張力 */
  line-height: 1.2 !important;
  margin-bottom: 16px !important;
  text-shadow: 0 0 30px rgba(255, 255, 255, 0.4) !important;
}

/* 金屬流光副標題 */
.sg-hero-subtitle {
  font-size: clamp(24px, 4.5vw, 42px) !important;
  font-weight: 800 !important;
  margin-bottom: 28px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicHero 3s linear infinite !important;
}

@keyframes metallicHero {
  to { background-position: 200% center; }
}

.sg-hero-desc {
  color: rgba(253, 251, 251, 0.9) !important;
  font-size: clamp(15px, 3.5vw, 18px) !important;
  line-height: 1.9 !important;
  margin: 0 !important;
  max-width: 600px !important;
  text-align: justify !important;
  letter-spacing: 0.8px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 右側：純代碼立體外泌體晶球視覺區 --- */
.sg-hero-visual-block {
  flex: 0 0 320px !important;
  height: 320px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  position: relative !important;
}

/* 外泌體晶球主體 (會呼吸的動態) */
.sg-exosome-sphere {
  width: 180px !important;
  height: 180px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.4) 0%, rgba(214, 175, 55, 0.2) 40%, rgba(26, 42, 108, 0.8) 100%) !important;
  box-shadow: 0 0 50px rgba(212, 175, 55, 0.3), inset 0 0 30px rgba(255,255,255,0.3) !important;
  position: relative !important;
  animation: spherePulse 4s ease-in-out infinite alternate !important;
}

/* 核心發光體 */
.sg-sphere-core {
  position: absolute !important;
  top: 25% !important;
  left: 25% !important;
  width: 50% !important;
  height: 50% !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, #fcf6ba 0%, #d4af37 70%, transparent 100%) !important;
  filter: blur(5px) !important;
  opacity: 0.8 !important;
}

/* 科技軌道 1 (順時針轉) */
.sg-sphere-orbit-1 {
  position: absolute !important;
  top: -20px !important;
  left: -20px !important;
  right: -20px !important;
  bottom: -20px !important;
  border: 1px dashed rgba(212, 175, 55, 0.4) !important;
  border-radius: 50% !important;
  animation: orbitRotate 10s linear infinite !important;
}

/* 科技軌道 2 (逆時針斜轉) */
.sg-sphere-orbit-2 {
  position: absolute !important;
  top: -40px !important;
  left: -40px !important;
  right: -40px !important;
  bottom: -40px !important;
  border: 1px solid rgba(253, 251, 251, 0.15) !important;
  border-radius: 50% !important;
  transform: rotateX(60deg) rotateY(30deg) !important;
  animation: orbitRotate 15s linear infinite reverse !important;
}

/* 晶球呼吸動畫 */
@keyframes spherePulse {
  0% { transform: scale(1); filter: drop-shadow(0 0 30px rgba(212,175,55,0.2)); }
  100% { transform: scale(1.06); filter: drop-shadow(0 0 60px rgba(212,175,55,0.5)); }
}

/* 軌道旋轉動畫 */
@keyframes orbitRotate {
  100% { transform: rotate(360deg); }
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-hero-banner {
    padding: 60px 24px 48px 24px !important;
    margin: 20px 10px !important;
    border-radius: 24px !important;
  }
  
  .sg-hero-container {
    flex-direction: column-reverse !important; /* 手機版讓會動的晶球在最上面，文字在下面，視覺更吸睛 */
    gap: 40px !important;
  }
  
  .sg-hero-text-block {
    text-align: center !important; /* 手機版文字居中 */
  }
  
  .sg-hero-desc {
    text-align: left !important;
  }
  
  .sg-title-protect {
    display: block !important; /* 手機版強制安全斷行 */
  }
  
  .sg-hero-visual-block {
    flex: 0 0 200px !important; /* 手機版縮小晶球視覺 */
    height: 200px !important;
  }
  .sg-exosome-sphere {
    width: 130px !important;
    height: 130px !important;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-6d607da *//* 將整條收合面板變成海軍藍與質感金邊 */
.elementor-13873 .elementor-element.elementor-element-6d607da .elementor-tab-title {
    background-color: #1a2a6c !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    border-radius: 12px !important;
    margin-bottom: 12px !important; /* 拉開兩條之間的距離 */
    transition: transform 0.2s ease, background 0.3s ease !important;
}

/* 右側的展開 Icon 變更為白色，避免隱形 */
.elementor-13873 .elementor-element.elementor-element-6d607da .elementor-toggle-icon {
    color: #fdfbfb !important;
}

/* 點擊時的 App 微縮回饋 */
.elementor-13873 .elementor-element.elementor-element-6d607da .elementor-tab-title:active {
    transform: scale(0.96) !important;
    background-color: #121d4a !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4bba48 *//* 專屬置中容器 */
.btn-wrapper {
  display: flex;
  justify-content: center; /* 水平置中 */
  align-items: center;     /* 垂直置中 */
  width: 100%;
  padding: 40px 0;         /* 上下保留呼吸空間，讓焦點更集中 */
}

/* 升級版按鈕樣式 */
.gold-btn {
  /* 放大的排版與尺寸 */
  display: inline-block;
  padding: 18px 54px;      /* 加大內邊距，讓按鈕看起來更大氣 */
  font-size: 26px;         /* 顯著放大字體 */
  font-weight: bold;
  letter-spacing: 2px;     /* 字距微調，提升質感 */
  
  /* 色彩與背景 */
  color: #5c3a00; 
  background: linear-gradient(135deg, #ffe58f 0%, #d4af37 100%); 
  border: none;
  border-radius: 40px;     /* 圓角跟著按鈕比例放大，保持圓潤 */
  cursor: pointer;
  
  /* 陰影與定位 */
  box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4); 
  position: relative;
  overflow: hidden; 
  
  /* 動畫過渡設定 */
  transition: all 0.3s ease;
}

/* 1. 滑鼠懸停效果 (Hover) */
.gold-btn:hover {
  transform: translateY(-3px) scale(1.02); 
  box-shadow: 0 8px 25px rgba(212, 175, 55, 0.6); 
  background: linear-gradient(135deg, #fff0ba 0%, #e6be45 100%); 
}

/* 2. 點擊按壓效果 (Active) */
.gold-btn:active {
  transform: translateY(1px) scale(0.96); 
  box-shadow: 0 2px 10px rgba(212, 175, 55, 0.3); 
}

/* 3. 內建光澤掃過動畫 (使用偽元素) */
.gold-btn::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%; 
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);
  transform: skewX(-25deg); 
  transition: all 0.6s ease;
}

/* 當滑鼠懸停時，觸發光澤掃過 */
.gold-btn:hover::after {
  left: 150%; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-30439ee *//* 核心容器：淺色暖光磨砂玻璃 */
.esc-earth-card {
    /* 配合米白背景的暖色透視感 */
    background: linear-gradient(135deg, rgba(255, 253, 250, 0.95) 0%, rgba(245, 240, 235, 0.85) 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 10px 40px rgba(92, 77, 66, 0.08), inset 0 0 20px rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 24px !important;
    padding: 45px 40px !important;
    max-width: 800px !important;
    margin: 40px auto !important;
    font-family: 'Noto Sans TC', sans-serif !important;
    color: #4a3f35 !important; /* 大地暖棕色文字 */
}

/* 標題區 */
.esc-earth-header {
    text-align: center !important;
    margin-bottom: 35px !important;
}

.esc-earth-icon {
    width: 48px !important;
    height: 48px !important;
    margin-bottom: 15px !important;
    filter: drop-shadow(0 4px 6px rgba(212, 175, 55, 0.3)) !important;
}

.esc-earth-title {
    /* 深暖棕與暗金色的漸層，質感低調奢華 */
    background: linear-gradient(to right, #5c4d42, #8a6d3b, #5c4d42) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    font-size: clamp(26px, 6vw, 36px) !important;
    font-weight: 800 !important;
    margin: 0 0 12px 0 !important;
    letter-spacing: 1.5px !important;
    line-height: 1.2 !important;
}

.esc-earth-subtitle {
    color: #7a6a58 !important;
    font-size: clamp(15px, 3.5vw, 18px) !important;
    font-weight: 500 !important;
    margin: 0 !important;
    letter-spacing: 1px !important;
}

/* 內容佈局 */
.esc-earth-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

/* 一般步驟框 (釐清觀念) */
.esc-step-box {
    background: rgba(255, 255, 255, 0.6) !important;
    border-left: 4px solid #d4af37 !important;
    padding: 20px 25px !important;
    border-radius: 0 12px 12px 0 !important;
    box-shadow: 0 4px 15px rgba(92, 77, 66, 0.03) !important;
}

/* 強調步驟框 (系統定義) */
.esc-highlight-box {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.08) 0%, rgba(212, 175, 55, 0.02) 100%) !important;
    border-left: 4px solid #a67c00 !important;
}

.esc-step-title {
    display: flex !important;
    align-items: center !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #8a6d3b !important;
    margin-bottom: 8px !important;
    gap: 8px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.esc-step-title svg {
    width: 20px !important;
    height: 20px !important;
}

.esc-step-box p {
    font-size: clamp(15px, 3.5vw, 17px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    color: #4a3f35 !important;
}

.esc-step-box strong {
    color: #2c241b !important;
    font-weight: 700 !important;
}

/* 白話總結框：更溫暖的實體質感 */
.esc-summary-box {
    background: linear-gradient(135deg, #f5e6ba 0%, #e8d090 100%) !important;
    color: #3b3026 !important;
    padding: 24px 30px !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.15) !important;
    margin-top: 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

.esc-summary-title {
    display: flex !important;
    align-items: center !important;
    font-size: clamp(18px, 4vw, 20px) !important;
    font-weight: 800 !important;
    margin-bottom: 12px !important;
    gap: 10px !important;
    color: #4a3f35 !important;
}

.esc-summary-title svg {
    width: 26px !important;
    height: 26px !important;
}

.esc-summary-box p {
    font-size: clamp(16px, 3.8vw, 18px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

.esc-summary-box strong {
    color: #a67c00 !important;
    background: rgba(255, 255, 255, 0.5) !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    font-weight: 800 !important;
}

/* RWD 手機版優先強制覆蓋 */
@media (max-width: 767px) {
    .esc-earth-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    
    .esc-step-box, .esc-summary-box {
        padding: 20px !important;
    }
    
    .esc-earth-title {
        /* 手機版不換行 */
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .esc-earth-subtitle {
        /* 副標題允許換行但保持整齊 */
        white-space: normal !important;
        word-break: keep-all !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5acd9e2 *//* 核心容器：延續淺色暖光磨砂玻璃 */
.esc-core-card {
    background: linear-gradient(135deg, rgba(255, 253, 250, 0.95) 0%, rgba(245, 240, 235, 0.85) 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 10px 40px rgba(92, 77, 66, 0.08), inset 0 0 20px rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 24px !important;
    padding: 45px 40px !important;
    max-width: 800px !important;
    margin: 40px auto !important;
    font-family: 'Noto Sans TC', sans-serif !important;
    color: #4a3f35 !important;
}

/* 標題區 */
.esc-core-header {
    text-align: center !important;
    margin-bottom: 35px !important;
}

.esc-core-icon {
    width: 44px !important;
    height: 44px !important;
    margin-bottom: 15px !important;
    filter: drop-shadow(0 4px 6px rgba(212, 175, 55, 0.3)) !important;
}

.esc-core-title {
    background: linear-gradient(to right, #5c4d42, #8a6d3b, #5c4d42) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    font-size: clamp(26px, 6vw, 34px) !important;
    font-weight: 800 !important;
    margin: 0 0 12px 0 !important;
    letter-spacing: 1.5px !important;
}

.esc-core-subtitle {
    color: #a67c00 !important;
    font-size: clamp(15px, 3.8vw, 18px) !important;
    font-weight: 700 !important;
    margin: 0 !important;
    letter-spacing: 1px !important;
}

/* 三大核心卡片網格 */
.esc-features-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    margin-bottom: 30px !important;
}

.esc-feat-item {
    background: rgba(255, 255, 255, 0.7) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 25px 15px !important;
    text-align: center !important;
    box-shadow: 0 4px 15px rgba(92, 77, 66, 0.03) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.esc-feat-item:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.15) !important;
    background: #fff !important;
}

.esc-feat-icon {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 12px !important;
}

.esc-feat-icon svg {
    width: 36px !important;
    height: 36px !important;
}

.esc-feat-title {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #5c4d42 !important;
    margin: 0 0 8px 0 !important;
}

.esc-feat-desc {
    font-size: 15px !important;
    color: #7a6a58 !important;
    margin: 0 !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
}

/* 總結強調框 */
.esc-core-conclusion {
    background: linear-gradient(135deg, rgba(245, 230, 186, 0.6) 0%, rgba(232, 208, 144, 0.3) 100%) !important;
    border-left: 4px solid #d4af37 !important;
    padding: 24px 30px !important;
    border-radius: 0 16px 16px 0 !important;
    text-align: center !important;
}

.esc-concl-text {
    font-size: clamp(15px, 3.5vw, 17px) !important;
    color: #4a3f35 !important;
    line-height: 1.8 !important;
    margin: 0 0 15px 0 !important;
    font-weight: 600 !important;
}

/* 重點文字視覺強化 */
.esc-concl-tags {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
}

.esc-concl-tags span {
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 800 !important;
    color: #a67c00 !important;
}

.esc-concl-tags .dot {
    color: #c9b175 !important;
}

/* RWD 手機版優先強制覆蓋 */
@media (max-width: 767px) {
    .esc-core-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    
    .esc-core-title {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .esc-core-subtitle {
        white-space: normal !important;
        word-break: keep-all !important;
    }

    /* 手機版三大特色改為垂直堆疊 */
    .esc-features-grid {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
    
    .esc-feat-item {
        padding: 20px 15px !important;
        /* 手機版稍微改成水平佈局讓畫面不要太長 */
        display: flex !important;
        align-items: center !important;
        text-align: left !important;
        gap: 15px !important;
    }

    .esc-feat-icon {
        margin-bottom: 0 !important;
    }

    .esc-feat-icon svg {
        width: 32px !important;
        height: 32px !important;
    }

    .esc-feat-title {
        margin: 0 0 4px 0 !important;
        font-size: 16px !important;
    }

    .esc-core-conclusion {
        padding: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a5be808 *//* 核心容器：延續香檳金與大地暖棕色系 */
.esc-dynamic-card {
    background: linear-gradient(135deg, rgba(255, 253, 250, 0.95) 0%, rgba(245, 240, 235, 0.85) 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 10px 40px rgba(92, 77, 66, 0.08), inset 0 0 20px rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 24px !important;
    padding: 45px 40px !important;
    max-width: 800px !important;
    margin: 40px auto !important;
    font-family: 'Noto Sans TC', sans-serif !important;
    color: #4a3f35 !important;
}

/* 頂部：動態訊號圖標區 */
.esc-dyn-header {
    text-align: center !important;
    margin-bottom: 30px !important;
}

/* 動畫核心：傳訊圖標容器 */
.esc-signal-icon-box {
    position: relative !important;
    width: 60px !important;
    height: 60px !important;
    margin: 0 auto 20px auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* 擴散波紋動畫 */
.esc-pulse-ring {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    border: 2px solid #d4af37 !important;
    animation: escPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
    opacity: 0 !important;
}

.esc-pulse-ring.delay {
    animation-delay: 1s !important;
}

/* 內部懸浮圖標 */
.esc-exo-core {
    position: relative !important;
    width: 40px !important;
    height: 40px !important;
    z-index: 2 !important;
    background: #fff !important;
    border-radius: 50% !important;
    padding: 6px !important;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.4) !important;
    animation: escFloat 3s ease-in-out infinite !important;
}

/* 定義動畫 */
@keyframes escPulse {
    0% { transform: scale(0.8); opacity: 0.8; }
    100% { transform: scale(2.2); opacity: 0; }
}

@keyframes escFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

.esc-dyn-title {
    background: linear-gradient(to right, #5c4d42, #8a6d3b, #5c4d42) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    font-size: clamp(26px, 6vw, 36px) !important;
    font-weight: 800 !important;
    margin: 0 0 12px 0 !important;
    letter-spacing: 1.5px !important;
}

.esc-dyn-subtitle {
    color: #a67c00 !important;
    font-size: clamp(16px, 4vw, 20px) !important;
    font-weight: 700 !important;
    margin: 0 !important;
    letter-spacing: 1px !important;
}

/* 情境故事區塊 */
.esc-story-box {
    text-align: center !important;
    font-size: clamp(16px, 3.8vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 30px !important;
}

.esc-story-box p {
    margin: 0 !important;
    color: #4a3f35 !important;
}

.esc-story-box strong {
    color: #a67c00 !important;
    font-weight: 800 !important;
    background: rgba(212, 175, 55, 0.1) !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
}

/* 視覺分隔線 */
.esc-divider {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 15px 0 !important;
    gap: 15px !important;
}

.esc-divider span {
    height: 1px !important;
    width: 60px !important;
    background: linear-gradient(to right, transparent, rgba(212, 175, 55, 0.4), transparent) !important;
}

.esc-divider svg {
    width: 20px !important;
    height: 20px !important;
    opacity: 0.7 !important;
}

/* 對比區塊外框 */
.esc-compare-wrapper {
    background: rgba(255, 255, 255, 0.5) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 25px !important;
    position: relative !important;
}

.esc-compare-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #8a6d3b !important;
    margin-bottom: 15px !important;
}

.esc-compare-label svg {
    width: 20px !important;
    height: 20px !important;
}

/* VS 網格佈局 */
.esc-compare-grid {
    display: flex !important;
    align-items: stretch !important;
    gap: 15px !important;
    position: relative !important;
}

.esc-comp-item {
    flex: 1 !important;
    padding: 20px !important;
    border-radius: 12px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.esc-comp-basic {
    background: rgba(245, 240, 235, 0.8) !important;
    border: 1px dashed rgba(138, 109, 59, 0.3) !important;
}

.esc-comp-exo {
    background: linear-gradient(135deg, #f5e6ba 0%, #e8d090 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2) !important;
}

/* 標籤 */
.esc-comp-badge {
    display: inline-block !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #5c4d42 !important;
    background: rgba(255, 255, 255, 0.6) !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    margin: 0 auto 10px auto !important;
    width: fit-content !important;
}

.esc-comp-badge.active {
    background: #a67c00 !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(166, 124, 0, 0.3) !important;
}

.esc-comp-item p {
    margin: 0 !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.6 !important;
    color: #4a3f35 !important;
}

/* 中間的 VS 圓圈 */
.esc-comp-vs {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    background: #fff !important;
    border: 1px solid #d4af37 !important;
    color: #8a6d3b !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
    z-index: 2 !important;
}

/* RWD 手機版優先強制覆蓋 */
@media (max-width: 767px) {
    .esc-dynamic-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    
    .esc-dyn-title {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .esc-dyn-subtitle {
        white-space: normal !important;
        word-break: keep-all !important;
    }
    
    .esc-story-box br {
        display: none !important; /* 手機版關閉強制換行，讓它自然流動 */
    }

    /* 對比區塊在手機版改為上下堆疊 */
    .esc-compare-grid {
        flex-direction: column !important;
        gap: 20px !important;
    }
    
    .esc-comp-vs {
        /* VS 圓圈在手機版移到兩個區塊中間 */
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-039cf43 *//* 核心容器：淺色暖光磨砂玻璃 */
.esc-why-card {
    background: linear-gradient(135deg, rgba(255, 253, 250, 0.95) 0%, rgba(245, 240, 235, 0.85) 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 10px 40px rgba(92, 77, 66, 0.08), inset 0 0 20px rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 24px !important;
    padding: 45px 40px !important;
    max-width: 800px !important;
    margin: 40px auto !important;
    font-family: 'Noto Sans TC', sans-serif !important;
    color: #4a3f35 !important;
}

/* 標題區 */
.esc-why-header {
    text-align: center !important;
    margin-bottom: 30px !important;
}

.esc-why-icon {
    width: 44px !important;
    height: 44px !important;
    margin-bottom: 15px !important;
    filter: drop-shadow(0 4px 6px rgba(212, 175, 55, 0.3)) !important;
}

.esc-why-title {
    background: linear-gradient(to right, #5c4d42, #8a6d3b, #5c4d42) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    font-size: clamp(26px, 6vw, 36px) !important;
    font-weight: 800 !important;
    margin: 0 0 12px 0 !important;
    letter-spacing: 1.5px !important;
    line-height: 1.2 !important;
}

.esc-why-subtitle {
    color: #a67c00 !important;
    font-size: clamp(15px, 3.8vw, 18px) !important;
    font-weight: 700 !important;
    margin: 0 !important;
    letter-spacing: 1px !important;
}

/* 內容佈局 */
.esc-why-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 25px !important;
}

/* 前言 */
.esc-why-intro {
    text-align: center !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    color: #4a3f35 !important;
    font-weight: 600 !important;
}

.esc-why-intro p {
    margin: 0 !important;
}

/* 疑問氣泡群 (Flex wrap自動排版) */
.esc-question-cloud {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px !important;
    margin-bottom: 10px !important;
}

/* 單個氣泡標籤 */
.esc-q-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(138, 109, 59, 0.2) !important;
    color: #5c4d42 !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 600 !important;
    padding: 10px 18px !important;
    border-radius: 30px !important;
    box-shadow: 0 4px 10px rgba(92, 77, 66, 0.05) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.esc-q-tag:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 15px rgba(212, 175, 55, 0.15) !important;
    border-color: rgba(212, 175, 55, 0.5) !important;
}

.esc-q-tag svg {
    width: 16px !important;
    height: 16px !important;
    opacity: 0.8 !important;
}

/* 解答價值框 */
.esc-value-box {
    background: linear-gradient(135deg, #f5e6ba 0%, #e8d090 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    padding: 25px 30px !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
}

.esc-value-icon {
    background: #fff !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 10px rgba(166, 124, 0, 0.2) !important;
    flex-shrink: 0 !important;
}

.esc-value-icon svg {
    width: 24px !important;
    height: 24px !important;
}

.esc-value-box p {
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    color: #4a3f35 !important;
}

.esc-value-box strong {
    color: #a67c00 !important;
    font-weight: 800 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
}

/* RWD 手機版優先強制覆蓋 */
@media (max-width: 767px) {
    .esc-why-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    
    .esc-why-title {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .esc-why-subtitle {
        white-space: normal !important;
        word-break: keep-all !important;
    }

    .esc-why-intro br {
        display: none !important; /* 手機版不強制換行 */
    }

    .esc-value-box {
        flex-direction: column !important;
        text-align: center !important;
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b0a8061 *//* 核心容器：淺色暖光磨砂玻璃 */
.esc-special-card {
    background: linear-gradient(135deg, rgba(255, 253, 250, 0.95) 0%, rgba(245, 240, 235, 0.85) 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 10px 40px rgba(92, 77, 66, 0.08), inset 0 0 20px rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 24px !important;
    padding: 45px 40px !important;
    max-width: 850px !important;
    margin: 40px auto !important;
    font-family: 'Noto Sans TC', sans-serif !important;
    color: #4a3f35 !important;
}

/* 標題區 */
.esc-special-header {
    text-align: center !important;
    margin-bottom: 35px !important;
}

.esc-special-icon {
    width: 44px !important;
    height: 44px !important;
    margin-bottom: 15px !important;
    filter: drop-shadow(0 4px 6px rgba(212, 175, 55, 0.3)) !important;
}

.esc-special-title {
    background: linear-gradient(to right, #5c4d42, #8a6d3b, #5c4d42) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    font-size: clamp(26px, 6vw, 36px) !important;
    font-weight: 800 !important;
    margin: 0 0 12px 0 !important;
    letter-spacing: 1.5px !important;
    line-height: 1.2 !important;
}

.esc-special-subtitle {
    color: #a67c00 !important;
    font-size: clamp(15px, 3.8vw, 18px) !important;
    font-weight: 700 !important;
    margin: 0 !important;
    letter-spacing: 1px !important;
}

/* 四宮格網格佈局 */
.esc-special-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
}

/* 單張卡片設計 */
.esc-sp-item {
    background: rgba(255, 255, 255, 0.6) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    box-shadow: 0 4px 15px rgba(92, 77, 66, 0.03) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
}

.esc-sp-item:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 20px rgba(212, 175, 55, 0.15) !important;
    background: #fff !important;
}

/* 標題與數字 */
.esc-sp-title-box {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 15px !important;
}

.esc-sp-num {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    background: linear-gradient(135deg, #d4af37, #a67c00) !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 8px rgba(166, 124, 0, 0.3) !important;
    flex-shrink: 0 !important;
}

.esc-sp-title {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #5c4d42 !important;
    margin: 0 !important;
}

/* 專業版內文 */
.esc-sp-pro {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.7 !important;
    color: #4a3f35 !important;
    margin: 0 0 15px 0 !important;
    flex-grow: 1 !important;
}

/* 白話版便利貼框 */
.esc-sp-easy {
    background: linear-gradient(to right, rgba(212, 175, 55, 0.1), rgba(245, 230, 186, 0.3)) !important;
    border-left: 3px solid #a67c00 !important;
    padding: 12px 15px !important;
    border-radius: 0 8px 8px 0 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #3b3026 !important;
    font-weight: 600 !important;
}

.esc-easy-label {
    display: block !important;
    color: #8a6d3b !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    margin-bottom: 4px !important;
}

/* RWD 手機版優先強制覆蓋 */
@media (max-width: 767px) {
    .esc-special-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    
    .esc-special-title {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .esc-special-subtitle {
        white-space: normal !important;
        word-break: keep-all !important;
    }

    /* 手機版改為單欄垂直排列 */
    .esc-special-grid {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
    
    .esc-sp-item {
        padding: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9a94e3f *//* 1. 頂部標題與磨砂玻璃效果 */
.bio-tech-header-wrapper {
    padding: 60px 20px !important;
    background: rgba(26, 42, 108, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 30px !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    text-align: center !important;
    margin: 20px auto 40px !important;
    transition: transform 0.2s ease !important;
}

.bio-tech-header-wrapper:active {
    transform: scale(0.98) !important; /* App 觸感 */
}

.bio-subtitle {
    display: block !important;
    color: #d4af37 !important;
    letter-spacing: 4px !important;
    font-size: 13px !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
}

.bio-main-title {
    font-size: clamp(22px, 5vw, 42px) !important;
    background: linear-gradient(135deg, #1a2a6c 20%, #d4af37 50%, #1a2a6c 80%) !important;
    background-size: 200% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 900 !important;
    white-space: nowrap !important; /* 強制手機不換行 */
    margin: 0 !important;
    animation: shine 5s linear infinite !important;
}

@keyframes shine {
    to { background-position: 200% center !important; }
}

.bio-gold-line {
    width: 60px !important;
    height: 3px !important;
    background: #d4af37 !important;
    margin: 20px auto 0 !important;
}

/* 2. 內容容器與卡片設計 */
.bio-content-container {
    max-width: 900px !important;
    margin: 0 auto !important;
    color: #333 !important;
}

.bio-news-box {
    background: #fdfbfb !important;
    border-left: 6px solid #1a2a6c !important;
    padding: 25px !important;
    border-radius: 0 20px 20px 0 !important;
    box-shadow: 10px 10px 30px rgba(0,0,0,0.03) !important;
    margin: 40px 0 !important;
    line-height: 1.8 !important;
}

.pillar-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    margin: 30px 0 !important;
}

.pillar-card {
    background: #ffffff !important;
    padding: 30px !important;
    border-radius: 20px !important;
    border: 1px solid #eee !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.pillar-card:hover {
    border-color: #d4af37 !important;
    transform: translateY(-8px) !important;
}

.pillar-card:active {
    transform: scale(0.9) !important; /* 嚴格遵守 App 縮放規範 */
}

.pillar-icon {
    position: absolute !important;
    top: 15px !important;
    right: 20px !important;
    font-size: 32px !important;
    font-weight: 900 !important;
    color: rgba(26, 42, 108, 0.08) !important;
}

.pillar-card h4 {
    color: #1a2a6c !important;
    margin: 0 0 15px 0 !important;
    border-bottom: 2px solid #d4af37 !important;
    display: inline-block !important;
}

/* 3. 強調文字樣式 */
.gold-highlight { color: #d4af37 !important; font-weight: bold !important; }
.gold-tag { background: #d4af37 !important; color: #fff !important; padding: 2px 8px !important; border-radius: 5px !important; font-size: 14px !important; }
.navy-bold { color: #1a2a6c !important; font-weight: bold !important; }
.data-highlight { font-weight: 800 !important; border-bottom: 2px solid rgba(212, 175, 55, 0.5) !important; }

/* 4. 底部備註與連結 */
.bio-footer-note {
    background: #1a2a6c !important;
    color: #fdfbfb !important;
    padding: 35px !important;
    border-radius: 25px !important;
    text-align: center !important;
    margin-top: 50px !important;
}

.source-link-wrapper {
    text-align: center !important;
    margin-top: 30px !important;
    font-size: 14px !important;
}

.source-link-wrapper a {
    color: #1a2a6c !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

/* 5. 手機版 RWD 極致優化 */
@media (max-width: 767px) {
    .pillar-grid {
        grid-template-columns: 1fr !important; /* 手機變單欄 */
    }
    
    .section-title {
        font-size: clamp(18px, 6vw, 24px) !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .bio-main-title {
        font-size: 20px !important; /* 確保窄螢幕也不會斷行 */
    }

    .bio-tech-header-wrapper {
        padding: 40px 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-38cde1e *//* --- 特大開頭 Banner 容器 --- */
.sg-hero-banner {
  position: relative !important;
  /* 科技流體極光背景：由海軍藍、生醫綠、珍珠白光、微亮金交織而成 */
  background: radial-gradient(circle at 80% 20%, rgba(214, 175, 55, 0.15) 0%, transparent 50%),
              radial-gradient(circle at 20% 80%, rgba(18, 53, 36, 0.4) 0%, transparent 60%),
              linear-gradient(135deg, #1a2a6c 0%, #0d1536 100%) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-radius: 32px !important;
  border: 1px solid rgba(253, 251, 251, 0.15) !important;
  padding: 80px 60px !important;
  max-width: 1200px !important;
  margin: 40px auto !important;
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.4), inset 0 1px 3px rgba(255, 255, 255, 0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
  transition: all 0.5s ease !important;
}

/* 整張大圖 Hover 時產生微幅推進的沉浸感 */
.sg-hero-banner:hover {
  box-shadow: 0 40px 90px rgba(212, 175, 55, 0.15), 0 30px 70px rgba(0, 0, 0, 0.5) !important;
  border-color: rgba(212, 175, 55, 0.4) !important;
}

/* --- 內部左右排版 (Flexbox) --- */
.sg-hero-container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 60px !important;
}

/* --- 左側文字內容區 --- */
.sg-hero-text-block {
  flex: 1 !important;
  text-align: left !important;
}

.sg-hero-badge {
  display: inline-block !important;
  background: linear-gradient(135deg, #d4af37, #b38728) !important;
  color: #1a2a6c !important;
  font-weight: 800 !important;
  font-size: clamp(14px, 3vw, 16px) !important;
  padding: 8px 24px !important;
  border-radius: 50px !important;
  margin-bottom: 24px !important;
  box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
  letter-spacing: 1px !important;
}

/* 震撼特大標題 (珍珠高光) */
.sg-hero-title {
  color: #ffffff !important;
  font-weight: 900 !important;
  font-size: clamp(36px, 6vw, 64px) !important; /* 電腦版非常巨大有張力 */
  line-height: 1.2 !important;
  margin-bottom: 16px !important;
  text-shadow: 0 0 30px rgba(255, 255, 255, 0.4) !important;
}

/* 金屬流光副標題 */
.sg-hero-subtitle {
  font-size: clamp(24px, 4.5vw, 42px) !important;
  font-weight: 800 !important;
  margin-bottom: 28px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicHero 3s linear infinite !important;
}

@keyframes metallicHero {
  to { background-position: 200% center; }
}

.sg-hero-desc {
  color: rgba(253, 251, 251, 0.9) !important;
  font-size: clamp(15px, 3.5vw, 18px) !important;
  line-height: 1.9 !important;
  margin: 0 !important;
  max-width: 600px !important;
  text-align: justify !important;
  letter-spacing: 0.8px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 右側：純代碼立體外泌體晶球視覺區 --- */
.sg-hero-visual-block {
  flex: 0 0 320px !important;
  height: 320px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  position: relative !important;
}

/* 外泌體晶球主體 (會呼吸的動態) */
.sg-exosome-sphere {
  width: 180px !important;
  height: 180px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.4) 0%, rgba(214, 175, 55, 0.2) 40%, rgba(26, 42, 108, 0.8) 100%) !important;
  box-shadow: 0 0 50px rgba(212, 175, 55, 0.3), inset 0 0 30px rgba(255,255,255,0.3) !important;
  position: relative !important;
  animation: spherePulse 4s ease-in-out infinite alternate !important;
}

/* 核心發光體 */
.sg-sphere-core {
  position: absolute !important;
  top: 25% !important;
  left: 25% !important;
  width: 50% !important;
  height: 50% !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, #fcf6ba 0%, #d4af37 70%, transparent 100%) !important;
  filter: blur(5px) !important;
  opacity: 0.8 !important;
}

/* 科技軌道 1 (順時針轉) */
.sg-sphere-orbit-1 {
  position: absolute !important;
  top: -20px !important;
  left: -20px !important;
  right: -20px !important;
  bottom: -20px !important;
  border: 1px dashed rgba(212, 175, 55, 0.4) !important;
  border-radius: 50% !important;
  animation: orbitRotate 10s linear infinite !important;
}

/* 科技軌道 2 (逆時針斜轉) */
.sg-sphere-orbit-2 {
  position: absolute !important;
  top: -40px !important;
  left: -40px !important;
  right: -40px !important;
  bottom: -40px !important;
  border: 1px solid rgba(253, 251, 251, 0.15) !important;
  border-radius: 50% !important;
  transform: rotateX(60deg) rotateY(30deg) !important;
  animation: orbitRotate 15s linear infinite reverse !important;
}

/* 晶球呼吸動畫 */
@keyframes spherePulse {
  0% { transform: scale(1); filter: drop-shadow(0 0 30px rgba(212,175,55,0.2)); }
  100% { transform: scale(1.06); filter: drop-shadow(0 0 60px rgba(212,175,55,0.5)); }
}

/* 軌道旋轉動畫 */
@keyframes orbitRotate {
  100% { transform: rotate(360deg); }
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-hero-banner {
    padding: 60px 24px 48px 24px !important;
    margin: 20px 10px !important;
    border-radius: 24px !important;
  }
  
  .sg-hero-container {
    flex-direction: column-reverse !important; /* 手機版讓會動的晶球在最上面，文字在下面，視覺更吸睛 */
    gap: 40px !important;
  }
  
  .sg-hero-text-block {
    text-align: center !important; /* 手機版文字居中 */
  }
  
  .sg-hero-desc {
    text-align: left !important;
  }
  
  .sg-title-protect {
    display: block !important; /* 手機版強制安全斷行 */
  }
  
  .sg-hero-visual-block {
    flex: 0 0 200px !important; /* 手機版縮小晶球視覺 */
    height: 200px !important;
  }
  .sg-exosome-sphere {
    width: 130px !important;
    height: 130px !important;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-6d607da *//* 將整條收合面板變成海軍藍與質感金邊 */
.elementor-13873 .elementor-element.elementor-element-6d607da .elementor-tab-title {
    background-color: #1a2a6c !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    border-radius: 12px !important;
    margin-bottom: 12px !important; /* 拉開兩條之間的距離 */
    transition: transform 0.2s ease, background 0.3s ease !important;
}

/* 右側的展開 Icon 變更為白色，避免隱形 */
.elementor-13873 .elementor-element.elementor-element-6d607da .elementor-toggle-icon {
    color: #fdfbfb !important;
}

/* 點擊時的 App 微縮回饋 */
.elementor-13873 .elementor-element.elementor-element-6d607da .elementor-tab-title:active {
    transform: scale(0.96) !important;
    background-color: #121d4a !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4bba48 *//* 專屬置中容器 */
.btn-wrapper {
  display: flex;
  justify-content: center; /* 水平置中 */
  align-items: center;     /* 垂直置中 */
  width: 100%;
  padding: 40px 0;         /* 上下保留呼吸空間，讓焦點更集中 */
}

/* 升級版按鈕樣式 */
.gold-btn {
  /* 放大的排版與尺寸 */
  display: inline-block;
  padding: 18px 54px;      /* 加大內邊距，讓按鈕看起來更大氣 */
  font-size: 26px;         /* 顯著放大字體 */
  font-weight: bold;
  letter-spacing: 2px;     /* 字距微調，提升質感 */
  
  /* 色彩與背景 */
  color: #5c3a00; 
  background: linear-gradient(135deg, #ffe58f 0%, #d4af37 100%); 
  border: none;
  border-radius: 40px;     /* 圓角跟著按鈕比例放大，保持圓潤 */
  cursor: pointer;
  
  /* 陰影與定位 */
  box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4); 
  position: relative;
  overflow: hidden; 
  
  /* 動畫過渡設定 */
  transition: all 0.3s ease;
}

/* 1. 滑鼠懸停效果 (Hover) */
.gold-btn:hover {
  transform: translateY(-3px) scale(1.02); 
  box-shadow: 0 8px 25px rgba(212, 175, 55, 0.6); 
  background: linear-gradient(135deg, #fff0ba 0%, #e6be45 100%); 
}

/* 2. 點擊按壓效果 (Active) */
.gold-btn:active {
  transform: translateY(1px) scale(0.96); 
  box-shadow: 0 2px 10px rgba(212, 175, 55, 0.3); 
}

/* 3. 內建光澤掃過動畫 (使用偽元素) */
.gold-btn::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%; 
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);
  transform: skewX(-25deg); 
  transition: all 0.6s ease;
}

/* 當滑鼠懸停時，觸發光澤掃過 */
.gold-btn:hover::after {
  left: 150%; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-30439ee *//* 核心容器：淺色暖光磨砂玻璃 */
.esc-earth-card {
    /* 配合米白背景的暖色透視感 */
    background: linear-gradient(135deg, rgba(255, 253, 250, 0.95) 0%, rgba(245, 240, 235, 0.85) 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 10px 40px rgba(92, 77, 66, 0.08), inset 0 0 20px rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 24px !important;
    padding: 45px 40px !important;
    max-width: 800px !important;
    margin: 40px auto !important;
    font-family: 'Noto Sans TC', sans-serif !important;
    color: #4a3f35 !important; /* 大地暖棕色文字 */
}

/* 標題區 */
.esc-earth-header {
    text-align: center !important;
    margin-bottom: 35px !important;
}

.esc-earth-icon {
    width: 48px !important;
    height: 48px !important;
    margin-bottom: 15px !important;
    filter: drop-shadow(0 4px 6px rgba(212, 175, 55, 0.3)) !important;
}

.esc-earth-title {
    /* 深暖棕與暗金色的漸層，質感低調奢華 */
    background: linear-gradient(to right, #5c4d42, #8a6d3b, #5c4d42) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    font-size: clamp(26px, 6vw, 36px) !important;
    font-weight: 800 !important;
    margin: 0 0 12px 0 !important;
    letter-spacing: 1.5px !important;
    line-height: 1.2 !important;
}

.esc-earth-subtitle {
    color: #7a6a58 !important;
    font-size: clamp(15px, 3.5vw, 18px) !important;
    font-weight: 500 !important;
    margin: 0 !important;
    letter-spacing: 1px !important;
}

/* 內容佈局 */
.esc-earth-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

/* 一般步驟框 (釐清觀念) */
.esc-step-box {
    background: rgba(255, 255, 255, 0.6) !important;
    border-left: 4px solid #d4af37 !important;
    padding: 20px 25px !important;
    border-radius: 0 12px 12px 0 !important;
    box-shadow: 0 4px 15px rgba(92, 77, 66, 0.03) !important;
}

/* 強調步驟框 (系統定義) */
.esc-highlight-box {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.08) 0%, rgba(212, 175, 55, 0.02) 100%) !important;
    border-left: 4px solid #a67c00 !important;
}

.esc-step-title {
    display: flex !important;
    align-items: center !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #8a6d3b !important;
    margin-bottom: 8px !important;
    gap: 8px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.esc-step-title svg {
    width: 20px !important;
    height: 20px !important;
}

.esc-step-box p {
    font-size: clamp(15px, 3.5vw, 17px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    color: #4a3f35 !important;
}

.esc-step-box strong {
    color: #2c241b !important;
    font-weight: 700 !important;
}

/* 白話總結框：更溫暖的實體質感 */
.esc-summary-box {
    background: linear-gradient(135deg, #f5e6ba 0%, #e8d090 100%) !important;
    color: #3b3026 !important;
    padding: 24px 30px !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.15) !important;
    margin-top: 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

.esc-summary-title {
    display: flex !important;
    align-items: center !important;
    font-size: clamp(18px, 4vw, 20px) !important;
    font-weight: 800 !important;
    margin-bottom: 12px !important;
    gap: 10px !important;
    color: #4a3f35 !important;
}

.esc-summary-title svg {
    width: 26px !important;
    height: 26px !important;
}

.esc-summary-box p {
    font-size: clamp(16px, 3.8vw, 18px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

.esc-summary-box strong {
    color: #a67c00 !important;
    background: rgba(255, 255, 255, 0.5) !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    font-weight: 800 !important;
}

/* RWD 手機版優先強制覆蓋 */
@media (max-width: 767px) {
    .esc-earth-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    
    .esc-step-box, .esc-summary-box {
        padding: 20px !important;
    }
    
    .esc-earth-title {
        /* 手機版不換行 */
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .esc-earth-subtitle {
        /* 副標題允許換行但保持整齊 */
        white-space: normal !important;
        word-break: keep-all !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5acd9e2 *//* 核心容器：延續淺色暖光磨砂玻璃 */
.esc-core-card {
    background: linear-gradient(135deg, rgba(255, 253, 250, 0.95) 0%, rgba(245, 240, 235, 0.85) 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 10px 40px rgba(92, 77, 66, 0.08), inset 0 0 20px rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 24px !important;
    padding: 45px 40px !important;
    max-width: 800px !important;
    margin: 40px auto !important;
    font-family: 'Noto Sans TC', sans-serif !important;
    color: #4a3f35 !important;
}

/* 標題區 */
.esc-core-header {
    text-align: center !important;
    margin-bottom: 35px !important;
}

.esc-core-icon {
    width: 44px !important;
    height: 44px !important;
    margin-bottom: 15px !important;
    filter: drop-shadow(0 4px 6px rgba(212, 175, 55, 0.3)) !important;
}

.esc-core-title {
    background: linear-gradient(to right, #5c4d42, #8a6d3b, #5c4d42) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    font-size: clamp(26px, 6vw, 34px) !important;
    font-weight: 800 !important;
    margin: 0 0 12px 0 !important;
    letter-spacing: 1.5px !important;
}

.esc-core-subtitle {
    color: #a67c00 !important;
    font-size: clamp(15px, 3.8vw, 18px) !important;
    font-weight: 700 !important;
    margin: 0 !important;
    letter-spacing: 1px !important;
}

/* 三大核心卡片網格 */
.esc-features-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    margin-bottom: 30px !important;
}

.esc-feat-item {
    background: rgba(255, 255, 255, 0.7) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 25px 15px !important;
    text-align: center !important;
    box-shadow: 0 4px 15px rgba(92, 77, 66, 0.03) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.esc-feat-item:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.15) !important;
    background: #fff !important;
}

.esc-feat-icon {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 12px !important;
}

.esc-feat-icon svg {
    width: 36px !important;
    height: 36px !important;
}

.esc-feat-title {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #5c4d42 !important;
    margin: 0 0 8px 0 !important;
}

.esc-feat-desc {
    font-size: 15px !important;
    color: #7a6a58 !important;
    margin: 0 !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
}

/* 總結強調框 */
.esc-core-conclusion {
    background: linear-gradient(135deg, rgba(245, 230, 186, 0.6) 0%, rgba(232, 208, 144, 0.3) 100%) !important;
    border-left: 4px solid #d4af37 !important;
    padding: 24px 30px !important;
    border-radius: 0 16px 16px 0 !important;
    text-align: center !important;
}

.esc-concl-text {
    font-size: clamp(15px, 3.5vw, 17px) !important;
    color: #4a3f35 !important;
    line-height: 1.8 !important;
    margin: 0 0 15px 0 !important;
    font-weight: 600 !important;
}

/* 重點文字視覺強化 */
.esc-concl-tags {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
}

.esc-concl-tags span {
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 800 !important;
    color: #a67c00 !important;
}

.esc-concl-tags .dot {
    color: #c9b175 !important;
}

/* RWD 手機版優先強制覆蓋 */
@media (max-width: 767px) {
    .esc-core-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    
    .esc-core-title {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .esc-core-subtitle {
        white-space: normal !important;
        word-break: keep-all !important;
    }

    /* 手機版三大特色改為垂直堆疊 */
    .esc-features-grid {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
    
    .esc-feat-item {
        padding: 20px 15px !important;
        /* 手機版稍微改成水平佈局讓畫面不要太長 */
        display: flex !important;
        align-items: center !important;
        text-align: left !important;
        gap: 15px !important;
    }

    .esc-feat-icon {
        margin-bottom: 0 !important;
    }

    .esc-feat-icon svg {
        width: 32px !important;
        height: 32px !important;
    }

    .esc-feat-title {
        margin: 0 0 4px 0 !important;
        font-size: 16px !important;
    }

    .esc-core-conclusion {
        padding: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a5be808 *//* 核心容器：延續香檳金與大地暖棕色系 */
.esc-dynamic-card {
    background: linear-gradient(135deg, rgba(255, 253, 250, 0.95) 0%, rgba(245, 240, 235, 0.85) 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 10px 40px rgba(92, 77, 66, 0.08), inset 0 0 20px rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 24px !important;
    padding: 45px 40px !important;
    max-width: 800px !important;
    margin: 40px auto !important;
    font-family: 'Noto Sans TC', sans-serif !important;
    color: #4a3f35 !important;
}

/* 頂部：動態訊號圖標區 */
.esc-dyn-header {
    text-align: center !important;
    margin-bottom: 30px !important;
}

/* 動畫核心：傳訊圖標容器 */
.esc-signal-icon-box {
    position: relative !important;
    width: 60px !important;
    height: 60px !important;
    margin: 0 auto 20px auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* 擴散波紋動畫 */
.esc-pulse-ring {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    border: 2px solid #d4af37 !important;
    animation: escPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
    opacity: 0 !important;
}

.esc-pulse-ring.delay {
    animation-delay: 1s !important;
}

/* 內部懸浮圖標 */
.esc-exo-core {
    position: relative !important;
    width: 40px !important;
    height: 40px !important;
    z-index: 2 !important;
    background: #fff !important;
    border-radius: 50% !important;
    padding: 6px !important;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.4) !important;
    animation: escFloat 3s ease-in-out infinite !important;
}

/* 定義動畫 */
@keyframes escPulse {
    0% { transform: scale(0.8); opacity: 0.8; }
    100% { transform: scale(2.2); opacity: 0; }
}

@keyframes escFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

.esc-dyn-title {
    background: linear-gradient(to right, #5c4d42, #8a6d3b, #5c4d42) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    font-size: clamp(26px, 6vw, 36px) !important;
    font-weight: 800 !important;
    margin: 0 0 12px 0 !important;
    letter-spacing: 1.5px !important;
}

.esc-dyn-subtitle {
    color: #a67c00 !important;
    font-size: clamp(16px, 4vw, 20px) !important;
    font-weight: 700 !important;
    margin: 0 !important;
    letter-spacing: 1px !important;
}

/* 情境故事區塊 */
.esc-story-box {
    text-align: center !important;
    font-size: clamp(16px, 3.8vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 30px !important;
}

.esc-story-box p {
    margin: 0 !important;
    color: #4a3f35 !important;
}

.esc-story-box strong {
    color: #a67c00 !important;
    font-weight: 800 !important;
    background: rgba(212, 175, 55, 0.1) !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
}

/* 視覺分隔線 */
.esc-divider {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 15px 0 !important;
    gap: 15px !important;
}

.esc-divider span {
    height: 1px !important;
    width: 60px !important;
    background: linear-gradient(to right, transparent, rgba(212, 175, 55, 0.4), transparent) !important;
}

.esc-divider svg {
    width: 20px !important;
    height: 20px !important;
    opacity: 0.7 !important;
}

/* 對比區塊外框 */
.esc-compare-wrapper {
    background: rgba(255, 255, 255, 0.5) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 25px !important;
    position: relative !important;
}

.esc-compare-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #8a6d3b !important;
    margin-bottom: 15px !important;
}

.esc-compare-label svg {
    width: 20px !important;
    height: 20px !important;
}

/* VS 網格佈局 */
.esc-compare-grid {
    display: flex !important;
    align-items: stretch !important;
    gap: 15px !important;
    position: relative !important;
}

.esc-comp-item {
    flex: 1 !important;
    padding: 20px !important;
    border-radius: 12px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.esc-comp-basic {
    background: rgba(245, 240, 235, 0.8) !important;
    border: 1px dashed rgba(138, 109, 59, 0.3) !important;
}

.esc-comp-exo {
    background: linear-gradient(135deg, #f5e6ba 0%, #e8d090 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2) !important;
}

/* 標籤 */
.esc-comp-badge {
    display: inline-block !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #5c4d42 !important;
    background: rgba(255, 255, 255, 0.6) !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    margin: 0 auto 10px auto !important;
    width: fit-content !important;
}

.esc-comp-badge.active {
    background: #a67c00 !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(166, 124, 0, 0.3) !important;
}

.esc-comp-item p {
    margin: 0 !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.6 !important;
    color: #4a3f35 !important;
}

/* 中間的 VS 圓圈 */
.esc-comp-vs {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    background: #fff !important;
    border: 1px solid #d4af37 !important;
    color: #8a6d3b !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
    z-index: 2 !important;
}

/* RWD 手機版優先強制覆蓋 */
@media (max-width: 767px) {
    .esc-dynamic-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    
    .esc-dyn-title {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .esc-dyn-subtitle {
        white-space: normal !important;
        word-break: keep-all !important;
    }
    
    .esc-story-box br {
        display: none !important; /* 手機版關閉強制換行，讓它自然流動 */
    }

    /* 對比區塊在手機版改為上下堆疊 */
    .esc-compare-grid {
        flex-direction: column !important;
        gap: 20px !important;
    }
    
    .esc-comp-vs {
        /* VS 圓圈在手機版移到兩個區塊中間 */
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-039cf43 *//* 核心容器：淺色暖光磨砂玻璃 */
.esc-why-card {
    background: linear-gradient(135deg, rgba(255, 253, 250, 0.95) 0%, rgba(245, 240, 235, 0.85) 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 10px 40px rgba(92, 77, 66, 0.08), inset 0 0 20px rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 24px !important;
    padding: 45px 40px !important;
    max-width: 800px !important;
    margin: 40px auto !important;
    font-family: 'Noto Sans TC', sans-serif !important;
    color: #4a3f35 !important;
}

/* 標題區 */
.esc-why-header {
    text-align: center !important;
    margin-bottom: 30px !important;
}

.esc-why-icon {
    width: 44px !important;
    height: 44px !important;
    margin-bottom: 15px !important;
    filter: drop-shadow(0 4px 6px rgba(212, 175, 55, 0.3)) !important;
}

.esc-why-title {
    background: linear-gradient(to right, #5c4d42, #8a6d3b, #5c4d42) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    font-size: clamp(26px, 6vw, 36px) !important;
    font-weight: 800 !important;
    margin: 0 0 12px 0 !important;
    letter-spacing: 1.5px !important;
    line-height: 1.2 !important;
}

.esc-why-subtitle {
    color: #a67c00 !important;
    font-size: clamp(15px, 3.8vw, 18px) !important;
    font-weight: 700 !important;
    margin: 0 !important;
    letter-spacing: 1px !important;
}

/* 內容佈局 */
.esc-why-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 25px !important;
}

/* 前言 */
.esc-why-intro {
    text-align: center !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    color: #4a3f35 !important;
    font-weight: 600 !important;
}

.esc-why-intro p {
    margin: 0 !important;
}

/* 疑問氣泡群 (Flex wrap自動排版) */
.esc-question-cloud {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px !important;
    margin-bottom: 10px !important;
}

/* 單個氣泡標籤 */
.esc-q-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(138, 109, 59, 0.2) !important;
    color: #5c4d42 !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 600 !important;
    padding: 10px 18px !important;
    border-radius: 30px !important;
    box-shadow: 0 4px 10px rgba(92, 77, 66, 0.05) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.esc-q-tag:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 15px rgba(212, 175, 55, 0.15) !important;
    border-color: rgba(212, 175, 55, 0.5) !important;
}

.esc-q-tag svg {
    width: 16px !important;
    height: 16px !important;
    opacity: 0.8 !important;
}

/* 解答價值框 */
.esc-value-box {
    background: linear-gradient(135deg, #f5e6ba 0%, #e8d090 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    padding: 25px 30px !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
}

.esc-value-icon {
    background: #fff !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 10px rgba(166, 124, 0, 0.2) !important;
    flex-shrink: 0 !important;
}

.esc-value-icon svg {
    width: 24px !important;
    height: 24px !important;
}

.esc-value-box p {
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    color: #4a3f35 !important;
}

.esc-value-box strong {
    color: #a67c00 !important;
    font-weight: 800 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
}

/* RWD 手機版優先強制覆蓋 */
@media (max-width: 767px) {
    .esc-why-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    
    .esc-why-title {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .esc-why-subtitle {
        white-space: normal !important;
        word-break: keep-all !important;
    }

    .esc-why-intro br {
        display: none !important; /* 手機版不強制換行 */
    }

    .esc-value-box {
        flex-direction: column !important;
        text-align: center !important;
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b0a8061 *//* 核心容器：淺色暖光磨砂玻璃 */
.esc-special-card {
    background: linear-gradient(135deg, rgba(255, 253, 250, 0.95) 0%, rgba(245, 240, 235, 0.85) 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 10px 40px rgba(92, 77, 66, 0.08), inset 0 0 20px rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 24px !important;
    padding: 45px 40px !important;
    max-width: 850px !important;
    margin: 40px auto !important;
    font-family: 'Noto Sans TC', sans-serif !important;
    color: #4a3f35 !important;
}

/* 標題區 */
.esc-special-header {
    text-align: center !important;
    margin-bottom: 35px !important;
}

.esc-special-icon {
    width: 44px !important;
    height: 44px !important;
    margin-bottom: 15px !important;
    filter: drop-shadow(0 4px 6px rgba(212, 175, 55, 0.3)) !important;
}

.esc-special-title {
    background: linear-gradient(to right, #5c4d42, #8a6d3b, #5c4d42) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    font-size: clamp(26px, 6vw, 36px) !important;
    font-weight: 800 !important;
    margin: 0 0 12px 0 !important;
    letter-spacing: 1.5px !important;
    line-height: 1.2 !important;
}

.esc-special-subtitle {
    color: #a67c00 !important;
    font-size: clamp(15px, 3.8vw, 18px) !important;
    font-weight: 700 !important;
    margin: 0 !important;
    letter-spacing: 1px !important;
}

/* 四宮格網格佈局 */
.esc-special-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
}

/* 單張卡片設計 */
.esc-sp-item {
    background: rgba(255, 255, 255, 0.6) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    box-shadow: 0 4px 15px rgba(92, 77, 66, 0.03) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
}

.esc-sp-item:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 20px rgba(212, 175, 55, 0.15) !important;
    background: #fff !important;
}

/* 標題與數字 */
.esc-sp-title-box {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 15px !important;
}

.esc-sp-num {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    background: linear-gradient(135deg, #d4af37, #a67c00) !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 8px rgba(166, 124, 0, 0.3) !important;
    flex-shrink: 0 !important;
}

.esc-sp-title {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #5c4d42 !important;
    margin: 0 !important;
}

/* 專業版內文 */
.esc-sp-pro {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.7 !important;
    color: #4a3f35 !important;
    margin: 0 0 15px 0 !important;
    flex-grow: 1 !important;
}

/* 白話版便利貼框 */
.esc-sp-easy {
    background: linear-gradient(to right, rgba(212, 175, 55, 0.1), rgba(245, 230, 186, 0.3)) !important;
    border-left: 3px solid #a67c00 !important;
    padding: 12px 15px !important;
    border-radius: 0 8px 8px 0 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #3b3026 !important;
    font-weight: 600 !important;
}

.esc-easy-label {
    display: block !important;
    color: #8a6d3b !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    margin-bottom: 4px !important;
}

/* RWD 手機版優先強制覆蓋 */
@media (max-width: 767px) {
    .esc-special-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    
    .esc-special-title {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .esc-special-subtitle {
        white-space: normal !important;
        word-break: keep-all !important;
    }

    /* 手機版改為單欄垂直排列 */
    .esc-special-grid {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
    
    .esc-sp-item {
        padding: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9a94e3f *//* 1. 頂部標題與磨砂玻璃效果 */
.bio-tech-header-wrapper {
    padding: 60px 20px !important;
    background: rgba(26, 42, 108, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 30px !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    text-align: center !important;
    margin: 20px auto 40px !important;
    transition: transform 0.2s ease !important;
}

.bio-tech-header-wrapper:active {
    transform: scale(0.98) !important; /* App 觸感 */
}

.bio-subtitle {
    display: block !important;
    color: #d4af37 !important;
    letter-spacing: 4px !important;
    font-size: 13px !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
}

.bio-main-title {
    font-size: clamp(22px, 5vw, 42px) !important;
    background: linear-gradient(135deg, #1a2a6c 20%, #d4af37 50%, #1a2a6c 80%) !important;
    background-size: 200% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 900 !important;
    white-space: nowrap !important; /* 強制手機不換行 */
    margin: 0 !important;
    animation: shine 5s linear infinite !important;
}

@keyframes shine {
    to { background-position: 200% center !important; }
}

.bio-gold-line {
    width: 60px !important;
    height: 3px !important;
    background: #d4af37 !important;
    margin: 20px auto 0 !important;
}

/* 2. 內容容器與卡片設計 */
.bio-content-container {
    max-width: 900px !important;
    margin: 0 auto !important;
    color: #333 !important;
}

.bio-news-box {
    background: #fdfbfb !important;
    border-left: 6px solid #1a2a6c !important;
    padding: 25px !important;
    border-radius: 0 20px 20px 0 !important;
    box-shadow: 10px 10px 30px rgba(0,0,0,0.03) !important;
    margin: 40px 0 !important;
    line-height: 1.8 !important;
}

.pillar-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    margin: 30px 0 !important;
}

.pillar-card {
    background: #ffffff !important;
    padding: 30px !important;
    border-radius: 20px !important;
    border: 1px solid #eee !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.pillar-card:hover {
    border-color: #d4af37 !important;
    transform: translateY(-8px) !important;
}

.pillar-card:active {
    transform: scale(0.9) !important; /* 嚴格遵守 App 縮放規範 */
}

.pillar-icon {
    position: absolute !important;
    top: 15px !important;
    right: 20px !important;
    font-size: 32px !important;
    font-weight: 900 !important;
    color: rgba(26, 42, 108, 0.08) !important;
}

.pillar-card h4 {
    color: #1a2a6c !important;
    margin: 0 0 15px 0 !important;
    border-bottom: 2px solid #d4af37 !important;
    display: inline-block !important;
}

/* 3. 強調文字樣式 */
.gold-highlight { color: #d4af37 !important; font-weight: bold !important; }
.gold-tag { background: #d4af37 !important; color: #fff !important; padding: 2px 8px !important; border-radius: 5px !important; font-size: 14px !important; }
.navy-bold { color: #1a2a6c !important; font-weight: bold !important; }
.data-highlight { font-weight: 800 !important; border-bottom: 2px solid rgba(212, 175, 55, 0.5) !important; }

/* 4. 底部備註與連結 */
.bio-footer-note {
    background: #1a2a6c !important;
    color: #fdfbfb !important;
    padding: 35px !important;
    border-radius: 25px !important;
    text-align: center !important;
    margin-top: 50px !important;
}

.source-link-wrapper {
    text-align: center !important;
    margin-top: 30px !important;
    font-size: 14px !important;
}

.source-link-wrapper a {
    color: #1a2a6c !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

/* 5. 手機版 RWD 極致優化 */
@media (max-width: 767px) {
    .pillar-grid {
        grid-template-columns: 1fr !important; /* 手機變單欄 */
    }
    
    .section-title {
        font-size: clamp(18px, 6vw, 24px) !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .bio-main-title {
        font-size: 20px !important; /* 確保窄螢幕也不會斷行 */
    }

    .bio-tech-header-wrapper {
        padding: 40px 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-38cde1e *//* --- 特大開頭 Banner 容器 --- */
.sg-hero-banner {
  position: relative !important;
  /* 科技流體極光背景：由海軍藍、生醫綠、珍珠白光、微亮金交織而成 */
  background: radial-gradient(circle at 80% 20%, rgba(214, 175, 55, 0.15) 0%, transparent 50%),
              radial-gradient(circle at 20% 80%, rgba(18, 53, 36, 0.4) 0%, transparent 60%),
              linear-gradient(135deg, #1a2a6c 0%, #0d1536 100%) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-radius: 32px !important;
  border: 1px solid rgba(253, 251, 251, 0.15) !important;
  padding: 80px 60px !important;
  max-width: 1200px !important;
  margin: 40px auto !important;
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.4), inset 0 1px 3px rgba(255, 255, 255, 0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
  transition: all 0.5s ease !important;
}

/* 整張大圖 Hover 時產生微幅推進的沉浸感 */
.sg-hero-banner:hover {
  box-shadow: 0 40px 90px rgba(212, 175, 55, 0.15), 0 30px 70px rgba(0, 0, 0, 0.5) !important;
  border-color: rgba(212, 175, 55, 0.4) !important;
}

/* --- 內部左右排版 (Flexbox) --- */
.sg-hero-container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 60px !important;
}

/* --- 左側文字內容區 --- */
.sg-hero-text-block {
  flex: 1 !important;
  text-align: left !important;
}

.sg-hero-badge {
  display: inline-block !important;
  background: linear-gradient(135deg, #d4af37, #b38728) !important;
  color: #1a2a6c !important;
  font-weight: 800 !important;
  font-size: clamp(14px, 3vw, 16px) !important;
  padding: 8px 24px !important;
  border-radius: 50px !important;
  margin-bottom: 24px !important;
  box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
  letter-spacing: 1px !important;
}

/* 震撼特大標題 (珍珠高光) */
.sg-hero-title {
  color: #ffffff !important;
  font-weight: 900 !important;
  font-size: clamp(36px, 6vw, 64px) !important; /* 電腦版非常巨大有張力 */
  line-height: 1.2 !important;
  margin-bottom: 16px !important;
  text-shadow: 0 0 30px rgba(255, 255, 255, 0.4) !important;
}

/* 金屬流光副標題 */
.sg-hero-subtitle {
  font-size: clamp(24px, 4.5vw, 42px) !important;
  font-weight: 800 !important;
  margin-bottom: 28px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicHero 3s linear infinite !important;
}

@keyframes metallicHero {
  to { background-position: 200% center; }
}

.sg-hero-desc {
  color: rgba(253, 251, 251, 0.9) !important;
  font-size: clamp(15px, 3.5vw, 18px) !important;
  line-height: 1.9 !important;
  margin: 0 !important;
  max-width: 600px !important;
  text-align: justify !important;
  letter-spacing: 0.8px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 右側：純代碼立體外泌體晶球視覺區 --- */
.sg-hero-visual-block {
  flex: 0 0 320px !important;
  height: 320px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  position: relative !important;
}

/* 外泌體晶球主體 (會呼吸的動態) */
.sg-exosome-sphere {
  width: 180px !important;
  height: 180px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.4) 0%, rgba(214, 175, 55, 0.2) 40%, rgba(26, 42, 108, 0.8) 100%) !important;
  box-shadow: 0 0 50px rgba(212, 175, 55, 0.3), inset 0 0 30px rgba(255,255,255,0.3) !important;
  position: relative !important;
  animation: spherePulse 4s ease-in-out infinite alternate !important;
}

/* 核心發光體 */
.sg-sphere-core {
  position: absolute !important;
  top: 25% !important;
  left: 25% !important;
  width: 50% !important;
  height: 50% !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, #fcf6ba 0%, #d4af37 70%, transparent 100%) !important;
  filter: blur(5px) !important;
  opacity: 0.8 !important;
}

/* 科技軌道 1 (順時針轉) */
.sg-sphere-orbit-1 {
  position: absolute !important;
  top: -20px !important;
  left: -20px !important;
  right: -20px !important;
  bottom: -20px !important;
  border: 1px dashed rgba(212, 175, 55, 0.4) !important;
  border-radius: 50% !important;
  animation: orbitRotate 10s linear infinite !important;
}

/* 科技軌道 2 (逆時針斜轉) */
.sg-sphere-orbit-2 {
  position: absolute !important;
  top: -40px !important;
  left: -40px !important;
  right: -40px !important;
  bottom: -40px !important;
  border: 1px solid rgba(253, 251, 251, 0.15) !important;
  border-radius: 50% !important;
  transform: rotateX(60deg) rotateY(30deg) !important;
  animation: orbitRotate 15s linear infinite reverse !important;
}

/* 晶球呼吸動畫 */
@keyframes spherePulse {
  0% { transform: scale(1); filter: drop-shadow(0 0 30px rgba(212,175,55,0.2)); }
  100% { transform: scale(1.06); filter: drop-shadow(0 0 60px rgba(212,175,55,0.5)); }
}

/* 軌道旋轉動畫 */
@keyframes orbitRotate {
  100% { transform: rotate(360deg); }
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-hero-banner {
    padding: 60px 24px 48px 24px !important;
    margin: 20px 10px !important;
    border-radius: 24px !important;
  }
  
  .sg-hero-container {
    flex-direction: column-reverse !important; /* 手機版讓會動的晶球在最上面，文字在下面，視覺更吸睛 */
    gap: 40px !important;
  }
  
  .sg-hero-text-block {
    text-align: center !important; /* 手機版文字居中 */
  }
  
  .sg-hero-desc {
    text-align: left !important;
  }
  
  .sg-title-protect {
    display: block !important; /* 手機版強制安全斷行 */
  }
  
  .sg-hero-visual-block {
    flex: 0 0 200px !important; /* 手機版縮小晶球視覺 */
    height: 200px !important;
  }
  .sg-exosome-sphere {
    width: 130px !important;
    height: 130px !important;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d37eb63 *//* 背景與容器：海軍藍與深綠的科技森林感 */
.exosome-hero-section {
    background: linear-gradient(135deg, #1a2a6c 0%, #1e453e 100%) !important;
    padding: 60px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 磨砂玻璃卡片 */
.glass-card {
    background: rgba(253, 251, 251, 0.08) !important; /* 珍珠白透光 */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    max-width: 800px !important;
    width: 100% !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4) !important;
}

/* 標題：金屬流光、不換行自動縮放 */
.main-title {
    font-size: clamp(28px, 6vw, 42px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 內文設定：珍珠白 */
.desc-text {
    color: #fdfbfb !important; 
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* 產品名稱段落打亮 */
.highlight-text {
    color: #d4af37 !important; 
    font-weight: 500 !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border-left: 4px solid #d4af37 !important;
}

/* 備註小字 */
.small-text {
    font-size: clamp(14px, 3.5vw, 15px) !important;
    opacity: 0.7 !important;
    margin-bottom: 0 !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exosome-hero-section {
        padding: 40px 15px !important;
    }
    .glass-card {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
    .main-title {
        margin-bottom: 20px !important;
    }
    .highlight-text {
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ebc7777 *//* 區塊背景：延續深綠與海軍藍的漸層，方向稍微改變創造層次 */
.exo-benefits-section {
    background: linear-gradient(180deg, #1e453e 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 區塊標題 */
.section-title {
    font-size: clamp(24px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 卡片容器：手機版單欄，電腦版三欄 */
.cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 手機預設單欄 */
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃互動卡片 */
.benefit-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important; /* 讓使用者感覺這是可互動的區塊 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .benefit-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.5) !important;
        box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.15) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.benefit-card:active {
    transform: scale(0.97) !important;
}

/* 質感金屬圓形數字 */
.card-number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 卡片標題 */
.card-title {
    color: #fdfbfb !important;
    font-size: clamp(18px, 4vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(253, 251, 251, 0.1) !important;
    padding-bottom: 15px !important;
}

/* 卡片內文 */
.card-desc {
    color: rgba(253, 251, 251, 0.85) !important;
    font-size: clamp(15px, 3.5vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
}

/* 平板與電腦版 (大於 768px 時切換為三欄) */
@media (min-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-benefits-section {
        padding: 50px 15px !important;
    }
    .benefit-card {
        padding: 30px 20px !important;
    }
    .section-title {
        margin-bottom: 30px !important;
    }
}

/* === 容器圓角除錯與修正 (專用粗暴代碼) === */
/* 專門為所有外層容器背景添加圓角，解決尖角突兀感 */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    border-radius: 30px !important; /* 電腦版高質感圓角 */
    overflow: hidden !important;    /* 重要！強制截斷背景尖角，確保圓角生效 */
}

/* 為了讓容器圓角更自然，幫容器兩側留一點距離（電腦版） */
.exosome-hero-section, 
.exo-benefits-section, 
.exo-features-section, 
.usage-section, 
.exo-details-section, 
.exo-cta-section {
    width: calc(100% - 40px) !important; /* 兩側留點邊距，讓圓角顯現出來 */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 手機版 (RWD) 調小圓角與縮小邊距 */
@media (max-width: 767px) {
    .exosome-hero-section, 
    .exo-benefits-section, 
    .exo-features-section, 
    .usage-section, 
    .exo-details-section, 
    .exo-cta-section {
        border-radius: 15px !important; /* 手機版圓角 */
        width: calc(100% - 20px) !important; /* 手機版縮小邊距，更滿版 */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ad6d1c6 *//* 區塊背景：深海軍藍為底，延續高科技感 */
.exo-features-section {
    background: #1a2a6c !important;
    background: radial-gradient(circle at 50% 0%, #1e453e 0%, #1a2a6c 70%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題區塊 */
.features-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

/* 英文長標題：自動縮放且不換行 */
.features-en-title {
    font-size: clamp(16px, 4vw, 32px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 10px 0 !important;
    background: linear-gradient(to right, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 中文副標題 */
.features-zh-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 特色網格容器：手機版單欄，電腦版 2x2 */
.features-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃特色卡片 */
.feature-box {
    background: rgba(253, 251, 251, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    padding: 35px 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2) !important;
    cursor: default !important;
    border-left: 4px solid #d4af37 !important; /* 左側金屬金點綴線 */
}

/* 電腦版 Hover 浮動發光特效 */
@media (hover: hover) {
    .feature-box:hover {
        transform: translateX(5px) !important; /* 改為向右微滑，增加變化 */
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
        border-left: 4px solid #f9f2d0 !important;
        box-shadow: 0 10px 30px 0 rgba(212, 175, 55, 0.1) !important;
    }
}

/* 手機版 App 點擊縮放觸感 */
.feature-box:active {
    transform: scale(0.97) !important;
}

/* 小標題 */
.feature-title {
    color: #d4af37 !important;
    font-size: clamp(18px, 4.5vw, 22px) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    letter-spacing: 1px !important;
}

/* 內文 */
.feature-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版 (大於 768px 時切換為 2x2 兩欄) */
@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-features-section {
        padding: 50px 15px !important;
    }
    .features-header {
        margin-bottom: 35px !important;
    }
    .feature-box {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-feed47f *//* 區塊背景：更深邃的生醫科技感，創造段落層次 */
.usage-section {
    background: linear-gradient(135deg, #0c1638 0%, #112b25 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 標題：金屬流光、不換行 */
.usage-title {
    font-size: clamp(28px, 6vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 網格容器：手機版單欄，電腦版三欄並排 */
.usage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 磨砂玻璃卡片基底 */
.usage-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

/* 特別強調的「使用重點」卡片：帶有微微金光 */
.highlight-usage {
    background: rgba(212, 175, 55, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 8px 30px 0 rgba(212, 175, 55, 0.15) !important;
}

/* Hover 發光與浮動 */
@media (hover: hover) {
    .usage-card:hover {
        transform: translateY(-5px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
    .highlight-usage:hover {
        background: rgba(212, 175, 55, 0.12) !important;
        border: 1px solid rgba(212, 175, 55, 0.7) !important;
        box-shadow: 0 10px 40px 0 rgba(212, 175, 55, 0.25) !important;
    }
}

/* App 點擊縮放觸感 */
.usage-card:active {
    transform: scale(0.97) !important;
}

/* 標籤設計 (白天/夜間) */
.usage-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%) !important;
    color: #1a2a6c !important;
    font-size: clamp(14px, 3.5vw, 16px) !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* 標籤設計 (使用重點：金屬鏤空感) */
.outline-badge {
    background: transparent !important;
    color: #d4af37 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: none !important;
}

/* 內文設定 */
.usage-text {
    color: #fdfbfb !important;
    font-size: clamp(15px, 3.8vw, 16px) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 平板與電腦版切換為三欄 */
@media (min-width: 768px) {
    .usage-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 手機版微調 */
@media (max-width: 767px) {
    .usage-section {
        padding: 50px 15px !important;
    }
    .usage-card {
        padding: 30px 20px !important;
    }
    .usage-title {
        margin-bottom: 35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74da737 *//* 區塊背景：回到主調，海軍藍與深綠完美融合 */
.exo-details-section {
    background: linear-gradient(180deg, #112b25 0%, #1a2a6c 100%) !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 網格容器：手機版單欄，電腦版兩欄 */
.details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* 電腦版時，第三張卡片跨越兩欄 */
@media (min-width: 768px) {
    .details-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .full-width-card {
        grid-column: 1 / -1 !important; /* 橫跨整排 */
    }
}

/* 磨砂玻璃卡片基底 */
.detail-card {
    background: rgba(253, 251, 251, 0.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

/* 卡片 Hover 浮動發光特效 */
@media (hover: hover) {
    .detail-card:hover {
        transform: translateY(-3px) !important;
        background: rgba(253, 251, 251, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
    }
}

/* 卡片與標籤 App 縮放觸感 */
.detail-card:active {
    transform: scale(0.98) !important;
}

/* 標題：金屬流光、不換行 */
.detail-title {
    font-size: clamp(22px, 5vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: linear-gradient(to right, #d4af37, #fdfbfb) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}

/* 一般說明文字 */
.detail-desc {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

/* 警告/注意清單區塊 */
.alert-box {
    background: rgba(0, 0, 0, 0.2) !important;
    border-left: 4px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

.alert-item {
    display: block !important;
    color: #fdfbfb !important;
    font-size: clamp(14px, 3.8vw, 15px) !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}
.alert-item:last-child {
    margin-bottom: 0 !important;
}
.alert-item strong {
    color: #d4af37 !important;
    display: block !important;
    font-weight: 700 !important;
}

/* 提醒小字 */
.detail-note {
    color: #d4af37 !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 自訂圓點清單 (衛生保存) */
.custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-list li {
    color: #fdfbfb !important;
    font-size: clamp(15px, 4vw, 16px) !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    padding-left: 24px !important;
    position: relative !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
}

.custom-list li::before {
    content: "•" !important;
    color: #d4af37 !important;
    font-size: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
}

/* 適合對象標籤容器 */
.tags-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* 科技感膠囊標籤 */
.target-tag {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #fdfbfb !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: clamp(14px, 3.5vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: default !important;
    white-space: nowrap !important;
}

/* 膠囊標籤互動特效 */
@media (hover: hover) {
    .target-tag:hover {
        background: rgba(212, 175, 55, 0.3) !important;
        border-color: #d4af37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
    }
}
.target-tag:active {
    transform: scale(0.9) !important;
}

/* 手機版微調 */
@media (max-width: 767px) {
    .exo-details-section {
        padding: 50px 15px !important;
    }
    .detail-card {
        padding: 30px 20px !important;
    }
    .alert-box {
        padding: 15px !important;
    }
    .tags-group {
        gap: 8px !important;
    }
    .target-tag {
        padding: 6px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a276e *//* 區塊背景：將使用者的視覺引導至畫面中央的放射狀漸層 */
.exo-cta-section {
    background: radial-gradient(circle at center, #1e453e 0%, #1a2a6c 80%, #0c1638 100%) !important;
    padding: 100px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 壓軸的高光磨砂玻璃卡片 */
.cta-glass-card {
    background: rgba(253, 251, 251, 0.08) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important; /* 邊框加強金屬感 */
    border-radius: 30px !important;
    padding: 60px 40px !important;
    max-width: 850px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(212, 175, 55, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 標題設定 */
.cta-title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    line-height: 1.4 !important;
}

/* 強制不換行與自動縮放 */
.nowrap-text {
    display: inline-block !important;
    font-size: clamp(20px, 5vw, 36px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #fdfbfb !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* 下半句標題高亮金屬色 */
.highlight-gold {
    background: linear-gradient(to right, #d4af37, #f9f2d0, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 內文設定：珍珠白 */
.cta-desc {
    color: #fdfbfb !important;
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    font-weight: 300 !important;
    opacity: 0.9 !important;
    letter-spacing: 1px !important;
}

/* 僅在電腦版顯示的換行 */
.desktop-only-br {
    display: block !important;
}

/* 壓軸行動按鈕 (膠囊狀、金屬流光) */
.cta-action-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 45px !important;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #d4af37 100%) !important;
    background-size: 200% auto !important;
    color: #1a2a6c !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: clamp(18px, 4.5vw, 20px) !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 電腦版 Hover 光影流動特效 */
@media (hover: hover) {
    .cta-action-btn:hover {
        background-position: right center !important; /* 創造流光感 */
        box-shadow: 0 12px 35px rgba(212, 175, 55, 0.7) !important;
        transform: translateY(-3px) !important;
    }
}

/* App 縮放觸感 (最高優先級互動) */
.cta-action-btn:active {
    transform: scale(0.92) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
}

/* 手機版 (RWD) 優先微調 */
@media (max-width: 767px) {
    .exo-cta-section {
        padding: 60px 15px !important;
    }
    .cta-glass-card {
        padding: 40px 20px !important;
        border-radius: 20px !important;
    }
    .desktop-only-br {
        display: none !important; /* 手機版讓文字自然流動，不強制在此處換行 */
    }
    .cta-action-btn {
        padding: 15px 35px !important;
        width: 100% !important; /* 手機版按鈕滿版更霸氣 */
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-844cd9b *//* --- 整體磨砂卡片 (升級版：動態邊框與懸浮互動) --- */
.sg-glass-card-v2 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; /* 調亮海軍藍，增加通透感 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈的互動動畫 */
  overflow: hidden !important;
  z-index: 1 !important;
}

/* --- 隱藏的動態流光邊框 (科技感來源) --- */
.sg-glass-card-v2::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 0deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.7 !important;
}

/* 確保內容不被流光遮擋 */
.sg-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* --- 滑鼠懸浮特效 (強烈互動感) --- */
.sg-glass-card-v2:hover {
  transform: translateY(-8px) scale(1.02) !important; /* 向上浮起並微放 */
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important; /* Hover時背景再亮一點 */
}

/* --- 金屬流光副標題 (亮度提升) --- */
.sg-subtitle-v2 {
  font-size: clamp(15px, 3.5vw, 20px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important; /* 提高金色的明度 */
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV2 2.5s linear infinite !important;
}

@keyframes metallicShineV2 {
  to { background-position: 200% center; }
}

/* --- 大標題設定 (加入珍珠光暈) --- */
.sg-title-v2 {
  color: #ffffff !important; /* 改為純白 */
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 38px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important; /* 讓字體發光，解決沉悶感 */
}

.sg-title-line {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 情境引言 (對比度優化) --- */
.sg-desc-v2 {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; /* 增加閱讀清晰度 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v2 {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-title-line {
    display: block !important; /* 手機斷行保護 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7041607 *//* --- 整體磨砂卡片 (科普專屬微調版) --- */
.sg-glass-card-science {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 隱藏的動態流光邊框 (延續科技感) */
.sg-glass-card-science::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 180deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.6) 100%) !important;
  animation: rotateGlow 6s linear infinite reverse !important; /* 逆向旋轉，與第一張卡片做出微妙對比 */
  z-index: -1 !important;
  opacity: 0.7 !important;
}

.sg-content-wrapper-science {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rotateGlow {
  100% { transform: rotate(360deg); }
}

/* 懸浮特效 */
.sg-glass-card-science:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  background: rgba(45, 70, 150, 0.65) !important;
}

/* --- 立體科普標籤 --- */
.sg-badge-science {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #1a2a6c !important; /* 海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
  letter-spacing: 1px !important;
}

/* --- 發光大標題 --- */
.sg-title-science {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4) !important;
}

/* --- 金屬流光小標題 --- */
.sg-subtitle-science {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 24px !important;
  background: linear-gradient(to right, #e6c86a 0%, #ffffff 50%, #e6c86a 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineScience 3s linear infinite !important;
}

@keyframes metallicShineScience {
  to { background-position: 200% center; }
}

/* --- 文字不斷行防護 (手機版核心) --- */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 內文說明 --- */
.sg-desc-science {
  color: #fdfbfb !important;
  font-size: clamp(15px, 3.5vw, 17px) !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  text-align: justify !important; /* 讓內文左右對齊，閱讀感更高級 */
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-science {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版強制將太長的句子斷成多行，防止超出螢幕 */
  }
  .sg-desc-science {
    text-align: left !important; /* 手機版改回靠左對齊，避免字距過大 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ddab50 *//* --- 整體磨砂大卡片底座 --- */
.sg-glass-card-v3 {
  position: relative !important;
  background: rgba(36, 59, 133, 0.6) !important; 
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 1000px !important; /* 因為有三欄，寬度稍微放寬 */
  margin: 0 auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* --- 動態流光邊框背景 --- */
.sg-glass-card-v3::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: conic-gradient(from 90deg, transparent 70%, rgba(212, 175, 55, 0.1) 80%, rgba(212, 175, 55, 0.5) 100%) !important;
  animation: rotateGlowV3 7s linear infinite !important;
  z-index: -1 !important;
  opacity: 0.6 !important;
}

@keyframes rotateGlowV3 {
  100% { transform: rotate(360deg); }
}

/* --- 標籤與大標題 --- */
.sg-badge-v3 {
  display: inline-block !important;
  background: linear-gradient(135deg, #fdfbfb, #e6c86a) !important;
  color: #1a2a6c !important; 
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.sg-title-v3 {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-v3 {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; /* 給網格多留一點空間 */
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineV3 3s linear infinite !important;
}

@keyframes metallicShineV3 {
  to { background-position: 200% center; }
}

/* 文字不斷行防護 */
.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 三大維度網格 (Grid Layout) --- */
.sg-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 電腦版三等份 */
  gap: 24px !important; /* 卡片間距 */
  width: 100% !important;
}

/* --- 單一維度小卡 (微光科技感) --- */
.sg-feature-item {
  background: rgba(255, 255, 255, 0.05) !important; /* 極微弱的白色反光 */
  border: 1px solid rgba(212, 175, 55, 0.2) !important; /* 金色極細邊框 */
  border-radius: 20px !important;
  padding: 32px 24px !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: inset 0 0 10px rgba(255,255,255,0.02) !important;
}

/* 小卡互動懸浮：浮起並點亮金邊 */
.sg-feature-item:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

/* 小卡圖標 / Emoji 點綴 */
.sg-feature-icon {
  font-size: 28px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)) !important;
}

/* 小卡標題 */
.sg-feature-title {
  color: #e6c86a !important; /* 小金字 */
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px !important;
}

/* 小卡內文 */
.sg-feature-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 15px) !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  letter-spacing: 0.5px !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-v3 {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制斷行防護 */
  }
  /* 關鍵！手機版網格轉為單直行 */
  .sg-grid-3 {
    grid-template-columns: 1fr !important; 
    gap: 16px !important;
  }
  .sg-feature-item {
    padding: 24px 20px !important;
  }
  .sg-feature-desc {
    text-align: left !important; /* 避免手機版英文字距被拉太開 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fbb41f *//* --- 整體磨砂卡片 (產品專屬：海軍藍漸變深綠) --- */
.sg-glass-card-spec {
  position: relative !important;
  /* 產品區塊專屬漸層：融合海軍藍與生醫深綠色 */
  background: linear-gradient(135deg, rgba(26, 42, 108, 0.8) 0%, rgba(18, 53, 36, 0.8) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金色極細外框 */
  border-radius: 24px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  z-index: 1 !important;
}

/* 標籤設定 */
.sg-badge-spec {
  display: inline-block !important;
  background: linear-gradient(135deg, #e6c86a, #d4af37) !important;
  color: #123524 !important; /* 配合深綠背景的墨綠色字體 */
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 8px 20px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4) !important;
}

.sg-title-spec {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  font-size: clamp(22px, 5vw, 36px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-subtitle-spec {
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 700 !important;
  margin-bottom: 40px !important; 
  background: linear-gradient(to right, #d4af37 0%, #ffffff 50%, #d4af37 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: metallicShineSpec 3s linear infinite !important;
}

@keyframes metallicShineSpec {
  to { background-position: 200% center; }
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 數據面板列表容器 --- */
.sg-spec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* --- 單一數據面板 (橫向排版) --- */
.sg-spec-item {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-left: 5px solid #d4af37 !important; /* 電腦版左側金邊 */
  border-radius: 16px !important;
  padding: 28px 32px !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Q彈過渡 */
  cursor: default !important;
}

/* 面板懸浮與點擊 App 觸感 */
.sg-spec-item:hover {
  transform: translateX(10px) !important; /* 電腦版向右滑出 */
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}
.sg-spec-item:active {
  transform: scale(0.97) !important; /* App 點擊微縮感 */
}

/* 左側巨大數據區 */
.sg-spec-number {
  flex: 0 0 130px !important; /* 固定寬度 */
  color: #e6c86a !important;
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  line-height: 1 !important;
  text-align: center !important;
  margin-right: 32px !important;
  font-family: Arial, Helvetica, sans-serif !important; /* 確保數字粗壯圓滑 */
}

.sg-spec-number small {
  font-size: 16px !important;
  display: block !important;
  margin-top: 8px !important;
  color: #fdfbfb !important;
  opacity: 0.8 !important;
  font-weight: 700 !important;
}

/* 右側文案內容 */
.sg-spec-content {
  flex: 1 !important;
  text-align: left !important; /* 電腦版靠左對齊 */
}

.sg-spec-title {
  color: #ffffff !important;
  font-size: clamp(18px, 4vw, 22px) !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  letter-spacing: 1px !important;
}

.sg-spec-desc {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-spec {
    padding: 36px 20px !important;
    border-radius: 20px !important;
  }
  .sg-title-protect {
    display: block !important;
  }
  
  /* 手機版：面板從橫向轉為上下堆疊 */
  .sg-spec-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 28px 20px !important;
    border-left: none !important; /* 取消左金邊 */
    border-top: 5px solid #d4af37 !important; /* 改為頂部金邊 */
  }
  
  .sg-spec-item:hover {
    transform: translateY(-5px) !important; /* 手機版 hover 改為向上微浮 */
  }

  .sg-spec-number {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    flex: auto !important;
  }

  /* 手機版讓單位跟在數字旁邊，節省空間 */
  .sg-spec-number small {
    display: inline-block !important;
    margin-left: 8px !important;
    margin-top: 0 !important;
  }

  .sg-spec-content {
    text-align: center !important;
  }
  
  .sg-spec-desc {
    text-align: left !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e229bfa *//* --- 整體權威背書卡片 --- */
.sg-glass-card-auth {
  position: relative !important;
  background: rgba(26, 42, 108, 0.8) !important; /* 專業海軍藍基底 */
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 48px 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 金屬光澤掃過背景的微動畫 (營造證書防偽反光感) */
.sg-glass-card-auth::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.05), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: sweepLight 6s infinite !important;
  z-index: -1 !important;
}

@keyframes sweepLight {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* --- 內部排版容器 (Flexbox 左右排版) --- */
.sg-auth-container {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

/* --- 左側：立體黃金印記 --- */
.sg-auth-badge {
  flex: 0 0 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcf6ba 0%, #d4af37 50%, #b38728 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.6), 0 0 20px rgba(212, 175, 55, 0.3) !important;
  border: 4px solid rgba(255, 255, 255, 0.2) !important;
  position: relative !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* 滑鼠懸浮與 App 點擊觸感 */
.sg-auth-badge:hover {
  transform: scale(1.05) rotate(5deg) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(212, 175, 55, 0.6) !important;
}
.sg-auth-badge:active {
  transform: scale(0.9) !important; /* App縮放回饋 */
}

.sg-shield-icon {
  font-size: 32px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.sg-esc-text {
  color: #1a2a6c !important; /* 刻印感海軍藍 */
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.sg-esc-text span {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

/* 徽章背後的旋轉虛線光環 (微生醫科技感) */
.sg-badge-glow {
  position: absolute !important;
  top: -12% !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -12% !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(212, 175, 55, 0.6) !important;
  animation: spinSlow 12s linear infinite !important;
  z-index: -1 !important;
}

@keyframes spinSlow {
  100% { transform: rotate(360deg); }
}

/* --- 右側：文案區 --- */
.sg-auth-content {
  flex: 1 !important;
  text-align: left !important;
}

.sg-badge-tag-auth {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  color: #e6c86a !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 3vw, 15px) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 16px !important;
  letter-spacing: 1px !important;
}

.sg-title-auth {
  color: #ffffff !important; 
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(20px, 4.5vw, 32px) !important; 
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

.sg-desc-auth {
  color: #fdfbfb !important;
  font-size: clamp(14px, 3.5vw, 16px) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  text-align: justify !important;
  opacity: 0.9 !important;
  letter-spacing: 0.5px !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-auth {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  .sg-auth-container {
    flex-direction: column !important; /* 手機版轉為上下排列 */
    text-align: center !important;
    gap: 32px !important;
  }
  .sg-auth-badge {
    width: 130px !important; /* 手機版徽章微調等比縮小 */
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .sg-auth-content {
    text-align: center !important; /* 內容置中 */
  }
  .sg-title-protect {
    display: block !important; /* 啟動手機防斷行保護 */
  }
  .sg-desc-auth {
    text-align: left !important; /* 手機版取消分散對齊，避免中英文字距破裂 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-827fe1d *//* --- 整體結語卡片 (璀璨高光版) --- */
.sg-glass-card-end {
  position: relative !important;
  background: rgba(26, 42, 108, 0.75) !important; /* 核心海軍藍 */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-radius: 32px !important; /* 邊角更圓潤高級 */
  padding: 60px 40px !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 背景金色核心發光特效 (暗示豐盈未來) */
.sg-glass-card-end::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.sg-content-wrapper-end {
  position: relative !important;
  z-index: 2 !important;
}

.sg-icon-end {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)) !important;
}

/* --- 大標題設定 (純白發光) --- */
.sg-title-end {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  line-height: 1.4 !important;
  font-size: clamp(24px, 5.5vw, 40px) !important; 
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 1px !important;
}

.sg-title-protect {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* --- 結語內文 --- */
.sg-desc-end {
  color: #fdfbfb !important; /* 珍珠白 */
  font-size: clamp(15px, 3.8vw, 18px) !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important; /* 留空間給按鈕 */
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* --- 行動呼籲鈕容器 --- */
.sg-cta-container {
  display: block !important;
  width: 100% !important;
}

/* --- 尊爵金屬流光膠囊按鈕 --- */
.sg-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* 強制絕對垂直居中 */
  /* 金屬漸層基底 */
  background: linear-gradient(135deg, #d4af37 0%, #fcf6ba 45%, #d4af37 55%, #b38728 100%) !important;
  background-size: 200% auto !important;
  color: #1a2a6c !important; /* 深刻海軍藍字體 */
  font-weight: 800 !important;
  font-size: clamp(16px, 4.5vw, 20px) !important;
  padding: 20px 54px !important;
  border-radius: 100px !important; /* 完美膠囊型 */
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* 按鈕懸浮：流光滾動與整體放大 */
.sg-cta-button:hover {
  background-position: right center !important; /* 漸層流光滾動 */
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6) !important;
}

/* 按鈕懸浮時，箭頭向右跳動效果 */
.sg-cta-button:hover .sg-btn-arrow {
  transform: translateX(6px) !important;
}

/* 箭頭動畫設定 */
.sg-btn-arrow {
  display: inline-block !important;
  margin-left: 10px !important;
  font-size: 22px !important;
  transition: transform 0.2s ease !important;
}

/* 【核心】App 觸感按壓回饋 */
.sg-cta-button:active {
  transform: scale(0.9) !important; /* 強烈Q彈微縮感 */
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
}

/* --- 手機版優先強制覆蓋 (RWD) --- */
@media (max-width: 767px) {
  .sg-glass-card-end {
    padding: 48px 20px !important;
    border-radius: 24px !important;
  }
  .sg-title-protect {
    display: block !important; /* 手機版標題強制拆兩行，保證不溢出 */
  }
  .sg-cta-button {
    padding: 16px 36px !important; /* 手機版縮小按鈕內距，防左右爆版 */
    width: 100% !important; /* 手機版按鈕撐滿，更好點擊 */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-6d607da *//* 將整條收合面板變成海軍藍與質感金邊 */
.elementor-13873 .elementor-element.elementor-element-6d607da .elementor-tab-title {
    background-color: #1a2a6c !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    border-radius: 12px !important;
    margin-bottom: 12px !important; /* 拉開兩條之間的距離 */
    transition: transform 0.2s ease, background 0.3s ease !important;
}

/* 右側的展開 Icon 變更為白色，避免隱形 */
.elementor-13873 .elementor-element.elementor-element-6d607da .elementor-toggle-icon {
    color: #fdfbfb !important;
}

/* 點擊時的 App 微縮回饋 */
.elementor-13873 .elementor-element.elementor-element-6d607da .elementor-tab-title:active {
    transform: scale(0.96) !important;
    background-color: #121d4a !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-168c0b5 *//* 清單外框與基礎設定 */
.pink-gold-list {
  list-style: none;
  padding: 0;
  margin: 15px 0 0 0; /* 與上方標題保持適當間距 */
  border: 1px solid #eae0e2; /* 柔和的邊框顏色 */
  border-radius: 4px;
  background-color: #ffffff;
}

/* 分隔線設定 */
.pink-gold-list li {
  border-bottom: 1px solid #eae0e2;
}

/* 隱藏最後一個項目的底線 */
.pink-gold-list li:last-child {
  border-bottom: none;
}

/* 連結文字預設樣式 */
.pink-gold-list a {
  display: block;
  padding: 16px 20px;
  text-decoration: none;
  color: #5c4d50; /* 溫潤的深灰色，確保閱讀清晰度 */
  font-family: "PingFang TC", "Microsoft JhengHei", sans-serif;
  font-size: 18px;
  letter-spacing: 1px;
  transition: all 0.3s ease; /* 讓互動效果平滑呈現 */
  position: relative;
}

/* 裝飾性小箭頭 (預設隱藏) */
.pink-gold-list a::after {
  content: '❯';
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  color: #d4a5ad; /* 呼應粉金色系 */
  font-size: 14px;
  opacity: 0;
  transition: all 0.3s ease;
}

/* 滑鼠懸停 (Hover) 的互動效果 */
.pink-gold-list a:hover {
  color: #b57d87; /* 文字轉為粉金色 */
  background-color: #fff8f9; /* 產生極淡的粉色背景 */
  padding-left: 28px; /* 文字微微向右移動，增加動態感 */
}

/* 滑鼠懸停時顯示小箭頭 */
.pink-gold-list a:hover::after {
  opacity: 1;
  right: 20px; /* 箭頭微微向右滑動 */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0cb8f43 *//* 外層容器 */
.coming-soon-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 80px 20px !important;
    background: transparent !important;
}

/* 磨砂玻璃卡片 */
.editor-glass-card {
    background: rgba(253, 251, 251, 0.6) !important; /* 珍珠白半透 */
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(26, 42, 108, 0.1) !important;
    border-radius: 30px !important;
    padding: 40px !important;
    text-align: center !important;
    box-shadow: 0 20px 50px rgba(26, 42, 108, 0.08) !important;
    max-width: 500px !important;
    width: 100% !important;
    transition: all 0.3s ease !important;
}

/* 呼吸燈動畫：象徵生物活性 */
.bio-pulse-dot {
    width: 12px !important;
    height: 12px !important;
    background-color: #d4af37 !important; /* 金屬金 */
    border-radius: 50% !important;
    margin: 0 auto 20px !important;
    box-shadow: 0 0 0 rgba(212, 175, 55, 0.4) !important;
    animation: pulse 2s infinite !important;
}

@keyframes pulse {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 15px rgba(212, 175, 55, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }
}

/* 狀態文字 */
.update-status {
    color: #1a2a6c !important; /* 海軍藍 */
    font-size: clamp(20px, 4vw, 28px) !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    white-space: nowrap !important;
    margin-bottom: 10px !important;
}

.gold-divider {
    color: #d4af37 !important;
    margin: 0 10px !important;
}

/* 溫馨提示小字 */
.editor-note {
    color: #666 !important;
    font-size: 14px !important;
    margin-bottom: 25px !important;
}

/* 進度條背景 */
.progress-track {
    width: 100% !important;
    height: 4px !important;
    background: rgba(26, 42, 108, 0.1) !important;
    border-radius: 2px !important;
    overflow: hidden !important;
    position: relative !important;
}

/* 金屬流光進度動畫 */
.progress-bar-glow {
    position: absolute !important;
    width: 40% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, #d4af37, transparent) !important;
    animation: loading-flow 2s linear infinite !important;
}

@keyframes loading-flow {
    0% { left: -100%; }
    100% { left: 100%; }
}

/* --- RWD 手機優化 --- */
@media (max-width: 767px) {
    .editor-glass-card {
        padding: 30px 20px !important;
    }
    .update-status {
        font-size: 18px !important;
    }
}

/* App 觸感：點擊縮放 */
.editor-glass-card:active {
    transform: scale(0.9) !important; /* 小編崩潰想按按鈕時的療癒回饋 */
}/* End custom CSS */