.elementor-12171 .elementor-element.elementor-element-4c9ebd8{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12171 .elementor-element.elementor-element-4c9ebd8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12171 .elementor-element.elementor-element-76f1cd6{--spacer-size:50px;}.elementor-12171 .elementor-element.elementor-element-acfbce6{text-align:center;}.elementor-12171 .elementor-element.elementor-element-acfbce6 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:70px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0px;color:#AD5207;}.elementor-12171 .elementor-element.elementor-element-e8d0dee{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;color:#AD5207;font-family:"Manrope", Sans-serif;font-size:25px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;}.elementor-12171 .elementor-element.elementor-element-768f207{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12171 .elementor-element.elementor-element-768f207.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12171 .elementor-element.elementor-element-9315fca > .elementor-widget-container{--e-transform-scale:0.9;}.elementor-12171 .elementor-element.elementor-element-9315fca > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-12171 .elementor-element.elementor-element-9315fca{--e-transform-transition-duration:1000ms;text-align:center;}.elementor-12171 .elementor-element.elementor-element-9315fca img{max-width:55%;height:175px;border-radius:13px 13px 13px 13px;box-shadow:0px 0px 9px -2px rgba(0,0,0,0.5);}.elementor-12171 .elementor-element.elementor-element-103faa4 > .elementor-widget-container{--e-transform-scale:0.9;}.elementor-12171 .elementor-element.elementor-element-103faa4 > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-12171 .elementor-element.elementor-element-103faa4{--e-transform-transition-duration:1000ms;text-align:center;}.elementor-12171 .elementor-element.elementor-element-103faa4 img{max-width:55%;height:175px;border-radius:13px 13px 13px 13px;box-shadow:0px 0px 9px -2px rgba(0,0,0,0.5);}.elementor-12171 .elementor-element.elementor-element-1d6f4be{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12171 .elementor-element.elementor-element-1d6f4be.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12171 .elementor-element.elementor-element-16a5ed1{--display:flex;}.elementor-12171 .elementor-element.elementor-element-4120680{--display:flex;}.elementor-12171 .elementor-element.elementor-element-0ecf629.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12171 .elementor-element.elementor-element-9bb331a{width:var( --container-widget-width, 103.237% );max-width:103.237%;--container-widget-width:103.237%;--container-widget-flex-grow:0;}.elementor-12171 .elementor-element.elementor-element-9bb331a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12171 .elementor-element.elementor-element-4e99f78{--display:flex;}.elementor-12171 .elementor-element.elementor-element-5d346c4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12171 .elementor-element.elementor-element-fa9894a{--display:flex;}.elementor-12171 .elementor-element.elementor-element-fa9894a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12171 .elementor-element.elementor-element-12cd507{--display:flex;}.elementor-12171 .elementor-element.elementor-element-12cd507.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12171 .elementor-element.elementor-element-be6cb13{--display:flex;}.elementor-12171 .elementor-element.elementor-element-be6cb13.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12171 .elementor-element.elementor-element-1cca233{--display:flex;}.elementor-12171 .elementor-element.elementor-element-1cca233.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12171 .elementor-element.elementor-element-4b644eb{--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;}.elementor-12171 .elementor-element.elementor-element-79f7b50{--display:flex;}.elementor-12171 .elementor-element.elementor-element-e3e76c1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12171 .elementor-element.elementor-element-6a0e21a{width:100%;max-width:100%;}.elementor-12171 .elementor-element.elementor-element-6a0e21a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12171 .elementor-element.elementor-element-6a0e21a .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-12171 .elementor-element.elementor-element-5f43561{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-12171 .elementor-element.elementor-element-f34b525{--display:flex;}.elementor-12171 .elementor-element.elementor-element-ea8b463{--display:flex;}.elementor-12171 .elementor-element.elementor-element-8b7b233.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12171 .elementor-element.elementor-element-7a6ce93{--display:flex;}.elementor-12171 .elementor-element.elementor-element-7a6ce93.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12171 .elementor-element.elementor-element-b8c1c35{--display:flex;}.elementor-12171 .elementor-element.elementor-element-b8c1c35.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12171 .elementor-element.elementor-element-2324705{--display:flex;}.elementor-12171 .elementor-element.elementor-element-2324705.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12171 .elementor-element.elementor-element-d4a9156{--display:flex;}.elementor-12171 .elementor-element.elementor-element-d4a9156.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12171 .elementor-element.elementor-element-64fab48{--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;}.elementor-12171 .elementor-element.elementor-element-eb19c61{--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-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:136px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:136px;--e-n-carousel-arrow-size:75px;}.elementor-12171 .elementor-element.elementor-element-0bf4875{--display:flex;}.elementor-12171 .elementor-element.elementor-element-34b9b47{--display:flex;}.elementor-12171 .elementor-element.elementor-element-e2e043c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12171 .elementor-element.elementor-element-7ca71b5{--display:flex;}.elementor-12171 .elementor-element.elementor-element-7ca71b5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12171 .elementor-element.elementor-element-12f8fc2{--display:flex;}.elementor-12171 .elementor-element.elementor-element-12f8fc2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12171 .elementor-element.elementor-element-0a7fe8c{--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;}.elementor-12171 .elementor-element.elementor-element-865d1b9{--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-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:136px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:136px;--e-n-carousel-arrow-size:75px;}.elementor-12171 .elementor-element.elementor-element-c4f96db{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}@media(min-width:768px){.elementor-12171 .elementor-element.elementor-element-4c9ebd8{--width:101.641%;}.elementor-12171 .elementor-element.elementor-element-768f207{--width:48.719%;}.elementor-12171 .elementor-element.elementor-element-1d6f4be{--width:107.553%;}.elementor-12171 .elementor-element.elementor-element-fa9894a{--width:122.522%;}.elementor-12171 .elementor-element.elementor-element-12cd507{--width:122.522%;}.elementor-12171 .elementor-element.elementor-element-be6cb13{--width:113.81%;}.elementor-12171 .elementor-element.elementor-element-1cca233{--width:122.522%;}.elementor-12171 .elementor-element.elementor-element-7a6ce93{--width:113.81%;}.elementor-12171 .elementor-element.elementor-element-b8c1c35{--width:113.81%;}.elementor-12171 .elementor-element.elementor-element-2324705{--width:113.81%;}.elementor-12171 .elementor-element.elementor-element-d4a9156{--width:113.81%;}.elementor-12171 .elementor-element.elementor-element-7ca71b5{--width:113.81%;}.elementor-12171 .elementor-element.elementor-element-12f8fc2{--width:113.81%;}}@media(max-width:1024px) and (min-width:768px){.elementor-12171 .elementor-element.elementor-element-768f207{--width:420.441px;}}@media(max-width:1024px){.elementor-12171 .elementor-element.elementor-element-acfbce6 .elementor-heading-title{font-size:43px;}.elementor-12171 .elementor-element.elementor-element-e8d0dee{--container-widget-width:558px;--container-widget-flex-grow:0;width:var( --container-widget-width, 558px );max-width:558px;}.elementor-12171 .elementor-element.elementor-element-768f207{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12171 .elementor-element.elementor-element-9315fca img{max-width:60%;height:70px;}.elementor-12171 .elementor-element.elementor-element-103faa4 img{max-width:60%;height:70px;}.elementor-12171 .elementor-element.elementor-element-1d6f4be{--justify-content:space-between;--gap:55px 55px;--row-gap:55px;--column-gap:55px;--flex-wrap:wrap;}.elementor-12171 .elementor-element.elementor-element-0ecf629{width:var( --container-widget-width, 339.011px );max-width:339.011px;--container-widget-width:339.011px;--container-widget-flex-grow:0;}.elementor-12171 .elementor-element.elementor-element-5d346c4{width:var( --container-widget-width, 339.011px );max-width:339.011px;--container-widget-width:339.011px;--container-widget-flex-grow:0;}.elementor-12171 .elementor-element.elementor-element-4b644eb{--e-n-carousel-swiper-slides-to-display:1;}.elementor-12171 .elementor-element.elementor-element-e3e76c1{width:var( --container-widget-width, 339.011px );max-width:339.011px;--container-widget-width:339.011px;--container-widget-flex-grow:0;}.elementor-12171 .elementor-element.elementor-element-5f43561{--e-n-carousel-swiper-slides-to-display:2;}.elementor-12171 .elementor-element.elementor-element-8b7b233{width:var( --container-widget-width, 339.011px );max-width:339.011px;--container-widget-width:339.011px;--container-widget-flex-grow:0;}.elementor-12171 .elementor-element.elementor-element-64fab48{--e-n-carousel-swiper-slides-to-display:1;}.elementor-12171 .elementor-element.elementor-element-eb19c61{--e-n-carousel-swiper-slides-to-display:2;}.elementor-12171 .elementor-element.elementor-element-e2e043c{width:var( --container-widget-width, 339.011px );max-width:339.011px;--container-widget-width:339.011px;--container-widget-flex-grow:0;}.elementor-12171 .elementor-element.elementor-element-0a7fe8c{--e-n-carousel-swiper-slides-to-display:1;}.elementor-12171 .elementor-element.elementor-element-865d1b9{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-12171 .elementor-element.elementor-element-4c9ebd8{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12171 .elementor-element.elementor-element-acfbce6 .elementor-heading-title{font-size:26px;}.elementor-12171 .elementor-element.elementor-element-e8d0dee{width:100%;max-width:100%;font-size:20px;}.elementor-12171 .elementor-element.elementor-element-768f207{--width:290.66px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:1px 1px;--row-gap:1px;--column-gap:1px;--grid-auto-flow:row;--justify-items:center;}.elementor-12171 .elementor-element.elementor-element-9315fca > .elementor-widget-container{--e-transform-scale:0.9;}.elementor-12171 .elementor-element.elementor-element-9315fca > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-12171 .elementor-element.elementor-element-9315fca{--e-transform-origin-x:center;text-align:center;}.elementor-12171 .elementor-element.elementor-element-9315fca img{max-width:80%;height:70px;border-radius:20px 20px 20px 20px;}.elementor-12171 .elementor-element.elementor-element-103faa4 > .elementor-widget-container{--e-transform-scale:0.9;}.elementor-12171 .elementor-element.elementor-element-103faa4 > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-12171 .elementor-element.elementor-element-103faa4{--e-transform-origin-x:center;text-align:center;}.elementor-12171 .elementor-element.elementor-element-103faa4 img{max-width:80%;height:70px;border-radius:20px 20px 20px 20px;}.elementor-12171 .elementor-element.elementor-element-1d6f4be{--width:98.103%;--gap:75px 75px;--row-gap:75px;--column-gap:75px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12171 .elementor-element.elementor-element-4b644eb{--e-n-carousel-swiper-slides-to-display:1;}.elementor-12171 .elementor-element.elementor-element-5f43561{--e-n-carousel-swiper-slides-to-display:1;}.elementor-12171 .elementor-element.elementor-element-64fab48{--e-n-carousel-swiper-slides-to-display:1;}.elementor-12171 .elementor-element.elementor-element-eb19c61{--e-n-carousel-swiper-slides-to-display:1;}.elementor-12171 .elementor-element.elementor-element-0a7fe8c{--e-n-carousel-swiper-slides-to-display:1;}.elementor-12171 .elementor-element.elementor-element-865d1b9{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for heading, class: .elementor-element-0ecf629 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-9bb331a *//* 基礎外框：確保在不同裝置都置中 */ .clean-text-container { width: 100%; padding: 40px 20px; box-sizing: border-box; display: flex; justify-content: center; background-color: #fcfcfc; /* 極淺灰色背景，增加層次感 */ font-family: "PingFang TC", "Microsoft JhengHei", sans-serif; } /* 內容區塊：限制最大寬度，避免電腦版文字過長難以閱讀 */ .content-box { width: 100%; max-width: 800px; background: #ffffff; padding: 40px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* 輕微陰影，視覺更精緻 */ } /* 標題排版：縮小字體落差 */ .title-group h1 { /* 使用 clamp 讓標題在電腦 28px 與手機 22px 之間自動流動 */ font-size: clamp(22px, 4vw, 28px); color: #333; line-height: 1.5; margin-bottom: 12px; font-weight: 700; } /* 分隔線 */ .divider { border: 0; border-top: 1px solid #eee; margin: 30px 0; } /* 內文排版：提升閱讀舒適度 */ .description-group { color: #444; } /* 內文字體大小調整，縮小與標題的差距 */ .check-text, .arrow-text { font-size: clamp(16px, 2vw, 18px); line-height: 1.8; margin-bottom: 20px; text-align: justify; } /* 綠色強調文字（箭頭部分） */ .arrow-text { color: #2d8a57; /* 穩重的深綠色 */ font-weight: 500; margin-bottom: 0; } /* 手機版自動調整適配 */ @media (max-width: 768px) { .clean-text-container { padding: 20px 15px; } .content-box { padding: 25px; } /* 手機版自動處理字體溢出，確保不破版 */ .title-group h1 { word-break: break-all; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5d346c4 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e3e76c1 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0ecf629 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-9bb331a *//* 基礎外框：確保在不同裝置都置中 */ .clean-text-container { width: 100%; padding: 40px 20px; box-sizing: border-box; display: flex; justify-content: center; background-color: #fcfcfc; /* 極淺灰色背景，增加層次感 */ font-family: "PingFang TC", "Microsoft JhengHei", sans-serif; } /* 內容區塊：限制最大寬度，避免電腦版文字過長難以閱讀 */ .content-box { width: 100%; max-width: 800px; background: #ffffff; padding: 40px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* 輕微陰影，視覺更精緻 */ } /* 標題排版：縮小字體落差 */ .title-group h1 { /* 使用 clamp 讓標題在電腦 28px 與手機 22px 之間自動流動 */ font-size: clamp(22px, 4vw, 28px); color: #333; line-height: 1.5; margin-bottom: 12px; font-weight: 700; } /* 分隔線 */ .divider { border: 0; border-top: 1px solid #eee; margin: 30px 0; } /* 內文排版：提升閱讀舒適度 */ .description-group { color: #444; } /* 內文字體大小調整，縮小與標題的差距 */ .check-text, .arrow-text { font-size: clamp(16px, 2vw, 18px); line-height: 1.8; margin-bottom: 20px; text-align: justify; } /* 綠色強調文字（箭頭部分） */ .arrow-text { color: #2d8a57; /* 穩重的深綠色 */ font-weight: 500; margin-bottom: 0; } /* 手機版自動調整適配 */ @media (max-width: 768px) { .clean-text-container { padding: 20px 15px; } .content-box { padding: 25px; } /* 手機版自動處理字體溢出，確保不破版 */ .title-group h1 { word-break: break-all; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5d346c4 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e3e76c1 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0ecf629 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-9bb331a *//* 基礎外框：確保在不同裝置都置中 */ .clean-text-container { width: 100%; padding: 40px 20px; box-sizing: border-box; display: flex; justify-content: center; background-color: #fcfcfc; /* 極淺灰色背景，增加層次感 */ font-family: "PingFang TC", "Microsoft JhengHei", sans-serif; } /* 內容區塊：限制最大寬度，避免電腦版文字過長難以閱讀 */ .content-box { width: 100%; max-width: 800px; background: #ffffff; padding: 40px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* 輕微陰影，視覺更精緻 */ } /* 標題排版：縮小字體落差 */ .title-group h1 { /* 使用 clamp 讓標題在電腦 28px 與手機 22px 之間自動流動 */ font-size: clamp(22px, 4vw, 28px); color: #333; line-height: 1.5; margin-bottom: 12px; font-weight: 700; } /* 分隔線 */ .divider { border: 0; border-top: 1px solid #eee; margin: 30px 0; } /* 內文排版：提升閱讀舒適度 */ .description-group { color: #444; } /* 內文字體大小調整，縮小與標題的差距 */ .check-text, .arrow-text { font-size: clamp(16px, 2vw, 18px); line-height: 1.8; margin-bottom: 20px; text-align: justify; } /* 綠色強調文字（箭頭部分） */ .arrow-text { color: #2d8a57; /* 穩重的深綠色 */ font-weight: 500; margin-bottom: 0; } /* 手機版自動調整適配 */ @media (max-width: 768px) { .clean-text-container { padding: 20px 15px; } .content-box { padding: 25px; } /* 手機版自動處理字體溢出，確保不破版 */ .title-group h1 { word-break: break-all; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5d346c4 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e3e76c1 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0ecf629 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-9bb331a *//* 基礎外框：確保在不同裝置都置中 */ .clean-text-container { width: 100%; padding: 40px 20px; box-sizing: border-box; display: flex; justify-content: center; background-color: #fcfcfc; /* 極淺灰色背景，增加層次感 */ font-family: "PingFang TC", "Microsoft JhengHei", sans-serif; } /* 內容區塊：限制最大寬度，避免電腦版文字過長難以閱讀 */ .content-box { width: 100%; max-width: 800px; background: #ffffff; padding: 40px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* 輕微陰影，視覺更精緻 */ } /* 標題排版：縮小字體落差 */ .title-group h1 { /* 使用 clamp 讓標題在電腦 28px 與手機 22px 之間自動流動 */ font-size: clamp(22px, 4vw, 28px); color: #333; line-height: 1.5; margin-bottom: 12px; font-weight: 700; } /* 分隔線 */ .divider { border: 0; border-top: 1px solid #eee; margin: 30px 0; } /* 內文排版：提升閱讀舒適度 */ .description-group { color: #444; } /* 內文字體大小調整，縮小與標題的差距 */ .check-text, .arrow-text { font-size: clamp(16px, 2vw, 18px); line-height: 1.8; margin-bottom: 20px; text-align: justify; } /* 綠色強調文字（箭頭部分） */ .arrow-text { color: #2d8a57; /* 穩重的深綠色 */ font-weight: 500; margin-bottom: 0; } /* 手機版自動調整適配 */ @media (max-width: 768px) { .clean-text-container { padding: 20px 15px; } .content-box { padding: 25px; } /* 手機版自動處理字體溢出，確保不破版 */ .title-group h1 { word-break: break-all; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5d346c4 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e3e76c1 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8b7b233 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8b7b233 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e2e043c *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e2e043c *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0ecf629 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-9bb331a *//* 基礎外框：確保在不同裝置都置中 */ .clean-text-container { width: 100%; padding: 40px 20px; box-sizing: border-box; display: flex; justify-content: center; background-color: #fcfcfc; /* 極淺灰色背景，增加層次感 */ font-family: "PingFang TC", "Microsoft JhengHei", sans-serif; } /* 內容區塊：限制最大寬度，避免電腦版文字過長難以閱讀 */ .content-box { width: 100%; max-width: 800px; background: #ffffff; padding: 40px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* 輕微陰影，視覺更精緻 */ } /* 標題排版：縮小字體落差 */ .title-group h1 { /* 使用 clamp 讓標題在電腦 28px 與手機 22px 之間自動流動 */ font-size: clamp(22px, 4vw, 28px); color: #333; line-height: 1.5; margin-bottom: 12px; font-weight: 700; } /* 分隔線 */ .divider { border: 0; border-top: 1px solid #eee; margin: 30px 0; } /* 內文排版：提升閱讀舒適度 */ .description-group { color: #444; } /* 內文字體大小調整，縮小與標題的差距 */ .check-text, .arrow-text { font-size: clamp(16px, 2vw, 18px); line-height: 1.8; margin-bottom: 20px; text-align: justify; } /* 綠色強調文字（箭頭部分） */ .arrow-text { color: #2d8a57; /* 穩重的深綠色 */ font-weight: 500; margin-bottom: 0; } /* 手機版自動調整適配 */ @media (max-width: 768px) { .clean-text-container { padding: 20px 15px; } .content-box { padding: 25px; } /* 手機版自動處理字體溢出，確保不破版 */ .title-group h1 { word-break: break-all; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5d346c4 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e3e76c1 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0ecf629 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-9bb331a *//* 基礎外框：確保在不同裝置都置中 */ .clean-text-container { width: 100%; padding: 40px 20px; box-sizing: border-box; display: flex; justify-content: center; background-color: #fcfcfc; /* 極淺灰色背景，增加層次感 */ font-family: "PingFang TC", "Microsoft JhengHei", sans-serif; } /* 內容區塊：限制最大寬度，避免電腦版文字過長難以閱讀 */ .content-box { width: 100%; max-width: 800px; background: #ffffff; padding: 40px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* 輕微陰影，視覺更精緻 */ } /* 標題排版：縮小字體落差 */ .title-group h1 { /* 使用 clamp 讓標題在電腦 28px 與手機 22px 之間自動流動 */ font-size: clamp(22px, 4vw, 28px); color: #333; line-height: 1.5; margin-bottom: 12px; font-weight: 700; } /* 分隔線 */ .divider { border: 0; border-top: 1px solid #eee; margin: 30px 0; } /* 內文排版：提升閱讀舒適度 */ .description-group { color: #444; } /* 內文字體大小調整，縮小與標題的差距 */ .check-text, .arrow-text { font-size: clamp(16px, 2vw, 18px); line-height: 1.8; margin-bottom: 20px; text-align: justify; } /* 綠色強調文字（箭頭部分） */ .arrow-text { color: #2d8a57; /* 穩重的深綠色 */ font-weight: 500; margin-bottom: 0; } /* 手機版自動調整適配 */ @media (max-width: 768px) { .clean-text-container { padding: 20px 15px; } .content-box { padding: 25px; } /* 手機版自動處理字體溢出，確保不破版 */ .title-group h1 { word-break: break-all; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5d346c4 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e3e76c1 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0ecf629 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-9bb331a *//* 基礎外框：確保在不同裝置都置中 */ .clean-text-container { width: 100%; padding: 40px 20px; box-sizing: border-box; display: flex; justify-content: center; background-color: #fcfcfc; /* 極淺灰色背景，增加層次感 */ font-family: "PingFang TC", "Microsoft JhengHei", sans-serif; } /* 內容區塊：限制最大寬度，避免電腦版文字過長難以閱讀 */ .content-box { width: 100%; max-width: 800px; background: #ffffff; padding: 40px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* 輕微陰影，視覺更精緻 */ } /* 標題排版：縮小字體落差 */ .title-group h1 { /* 使用 clamp 讓標題在電腦 28px 與手機 22px 之間自動流動 */ font-size: clamp(22px, 4vw, 28px); color: #333; line-height: 1.5; margin-bottom: 12px; font-weight: 700; } /* 分隔線 */ .divider { border: 0; border-top: 1px solid #eee; margin: 30px 0; } /* 內文排版：提升閱讀舒適度 */ .description-group { color: #444; } /* 內文字體大小調整，縮小與標題的差距 */ .check-text, .arrow-text { font-size: clamp(16px, 2vw, 18px); line-height: 1.8; margin-bottom: 20px; text-align: justify; } /* 綠色強調文字（箭頭部分） */ .arrow-text { color: #2d8a57; /* 穩重的深綠色 */ font-weight: 500; margin-bottom: 0; } /* 手機版自動調整適配 */ @media (max-width: 768px) { .clean-text-container { padding: 20px 15px; } .content-box { padding: 25px; } /* 手機版自動處理字體溢出，確保不破版 */ .title-group h1 { word-break: break-all; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5d346c4 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e3e76c1 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0ecf629 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-9bb331a *//* 基礎外框：確保在不同裝置都置中 */ .clean-text-container { width: 100%; padding: 40px 20px; box-sizing: border-box; display: flex; justify-content: center; background-color: #fcfcfc; /* 極淺灰色背景，增加層次感 */ font-family: "PingFang TC", "Microsoft JhengHei", sans-serif; } /* 內容區塊：限制最大寬度，避免電腦版文字過長難以閱讀 */ .content-box { width: 100%; max-width: 800px; background: #ffffff; padding: 40px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* 輕微陰影，視覺更精緻 */ } /* 標題排版：縮小字體落差 */ .title-group h1 { /* 使用 clamp 讓標題在電腦 28px 與手機 22px 之間自動流動 */ font-size: clamp(22px, 4vw, 28px); color: #333; line-height: 1.5; margin-bottom: 12px; font-weight: 700; } /* 分隔線 */ .divider { border: 0; border-top: 1px solid #eee; margin: 30px 0; } /* 內文排版：提升閱讀舒適度 */ .description-group { color: #444; } /* 內文字體大小調整，縮小與標題的差距 */ .check-text, .arrow-text { font-size: clamp(16px, 2vw, 18px); line-height: 1.8; margin-bottom: 20px; text-align: justify; } /* 綠色強調文字（箭頭部分） */ .arrow-text { color: #2d8a57; /* 穩重的深綠色 */ font-weight: 500; margin-bottom: 0; } /* 手機版自動調整適配 */ @media (max-width: 768px) { .clean-text-container { padding: 20px 15px; } .content-box { padding: 25px; } /* 手機版自動處理字體溢出，確保不破版 */ .title-group h1 { word-break: break-all; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5d346c4 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e3e76c1 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8b7b233 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8b7b233 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e2e043c *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e2e043c *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0ecf629 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-9bb331a *//* 基礎外框：確保在不同裝置都置中 */ .clean-text-container { width: 100%; padding: 40px 20px; box-sizing: border-box; display: flex; justify-content: center; background-color: #fcfcfc; /* 極淺灰色背景，增加層次感 */ font-family: "PingFang TC", "Microsoft JhengHei", sans-serif; } /* 內容區塊：限制最大寬度，避免電腦版文字過長難以閱讀 */ .content-box { width: 100%; max-width: 800px; background: #ffffff; padding: 40px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* 輕微陰影，視覺更精緻 */ } /* 標題排版：縮小字體落差 */ .title-group h1 { /* 使用 clamp 讓標題在電腦 28px 與手機 22px 之間自動流動 */ font-size: clamp(22px, 4vw, 28px); color: #333; line-height: 1.5; margin-bottom: 12px; font-weight: 700; } /* 分隔線 */ .divider { border: 0; border-top: 1px solid #eee; margin: 30px 0; } /* 內文排版：提升閱讀舒適度 */ .description-group { color: #444; } /* 內文字體大小調整，縮小與標題的差距 */ .check-text, .arrow-text { font-size: clamp(16px, 2vw, 18px); line-height: 1.8; margin-bottom: 20px; text-align: justify; } /* 綠色強調文字（箭頭部分） */ .arrow-text { color: #2d8a57; /* 穩重的深綠色 */ font-weight: 500; margin-bottom: 0; } /* 手機版自動調整適配 */ @media (max-width: 768px) { .clean-text-container { padding: 20px 15px; } .content-box { padding: 25px; } /* 手機版自動處理字體溢出，確保不破版 */ .title-group h1 { word-break: break-all; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5d346c4 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e3e76c1 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0ecf629 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-9bb331a *//* 基礎外框：確保在不同裝置都置中 */ .clean-text-container { width: 100%; padding: 40px 20px; box-sizing: border-box; display: flex; justify-content: center; background-color: #fcfcfc; /* 極淺灰色背景，增加層次感 */ font-family: "PingFang TC", "Microsoft JhengHei", sans-serif; } /* 內容區塊：限制最大寬度，避免電腦版文字過長難以閱讀 */ .content-box { width: 100%; max-width: 800px; background: #ffffff; padding: 40px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* 輕微陰影，視覺更精緻 */ } /* 標題排版：縮小字體落差 */ .title-group h1 { /* 使用 clamp 讓標題在電腦 28px 與手機 22px 之間自動流動 */ font-size: clamp(22px, 4vw, 28px); color: #333; line-height: 1.5; margin-bottom: 12px; font-weight: 700; } /* 分隔線 */ .divider { border: 0; border-top: 1px solid #eee; margin: 30px 0; } /* 內文排版：提升閱讀舒適度 */ .description-group { color: #444; } /* 內文字體大小調整，縮小與標題的差距 */ .check-text, .arrow-text { font-size: clamp(16px, 2vw, 18px); line-height: 1.8; margin-bottom: 20px; text-align: justify; } /* 綠色強調文字（箭頭部分） */ .arrow-text { color: #2d8a57; /* 穩重的深綠色 */ font-weight: 500; margin-bottom: 0; } /* 手機版自動調整適配 */ @media (max-width: 768px) { .clean-text-container { padding: 20px 15px; } .content-box { padding: 25px; } /* 手機版自動處理字體溢出，確保不破版 */ .title-group h1 { word-break: break-all; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5d346c4 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e3e76c1 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0ecf629 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-9bb331a *//* 基礎外框：確保在不同裝置都置中 */ .clean-text-container { width: 100%; padding: 40px 20px; box-sizing: border-box; display: flex; justify-content: center; background-color: #fcfcfc; /* 極淺灰色背景，增加層次感 */ font-family: "PingFang TC", "Microsoft JhengHei", sans-serif; } /* 內容區塊：限制最大寬度，避免電腦版文字過長難以閱讀 */ .content-box { width: 100%; max-width: 800px; background: #ffffff; padding: 40px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* 輕微陰影，視覺更精緻 */ } /* 標題排版：縮小字體落差 */ .title-group h1 { /* 使用 clamp 讓標題在電腦 28px 與手機 22px 之間自動流動 */ font-size: clamp(22px, 4vw, 28px); color: #333; line-height: 1.5; margin-bottom: 12px; font-weight: 700; } /* 分隔線 */ .divider { border: 0; border-top: 1px solid #eee; margin: 30px 0; } /* 內文排版：提升閱讀舒適度 */ .description-group { color: #444; } /* 內文字體大小調整，縮小與標題的差距 */ .check-text, .arrow-text { font-size: clamp(16px, 2vw, 18px); line-height: 1.8; margin-bottom: 20px; text-align: justify; } /* 綠色強調文字（箭頭部分） */ .arrow-text { color: #2d8a57; /* 穩重的深綠色 */ font-weight: 500; margin-bottom: 0; } /* 手機版自動調整適配 */ @media (max-width: 768px) { .clean-text-container { padding: 20px 15px; } .content-box { padding: 25px; } /* 手機版自動處理字體溢出，確保不破版 */ .title-group h1 { word-break: break-all; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5d346c4 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e3e76c1 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0ecf629 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-9bb331a *//* 基礎外框：確保在不同裝置都置中 */ .clean-text-container { width: 100%; padding: 40px 20px; box-sizing: border-box; display: flex; justify-content: center; background-color: #fcfcfc; /* 極淺灰色背景，增加層次感 */ font-family: "PingFang TC", "Microsoft JhengHei", sans-serif; } /* 內容區塊：限制最大寬度，避免電腦版文字過長難以閱讀 */ .content-box { width: 100%; max-width: 800px; background: #ffffff; padding: 40px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* 輕微陰影，視覺更精緻 */ } /* 標題排版：縮小字體落差 */ .title-group h1 { /* 使用 clamp 讓標題在電腦 28px 與手機 22px 之間自動流動 */ font-size: clamp(22px, 4vw, 28px); color: #333; line-height: 1.5; margin-bottom: 12px; font-weight: 700; } /* 分隔線 */ .divider { border: 0; border-top: 1px solid #eee; margin: 30px 0; } /* 內文排版：提升閱讀舒適度 */ .description-group { color: #444; } /* 內文字體大小調整，縮小與標題的差距 */ .check-text, .arrow-text { font-size: clamp(16px, 2vw, 18px); line-height: 1.8; margin-bottom: 20px; text-align: justify; } /* 綠色強調文字（箭頭部分） */ .arrow-text { color: #2d8a57; /* 穩重的深綠色 */ font-weight: 500; margin-bottom: 0; } /* 手機版自動調整適配 */ @media (max-width: 768px) { .clean-text-container { padding: 20px 15px; } .content-box { padding: 25px; } /* 手機版自動處理字體溢出，確保不破版 */ .title-group h1 { word-break: break-all; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5d346c4 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e3e76c1 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8b7b233 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8b7b233 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e2e043c *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e2e043c *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0ecf629 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-9bb331a *//* 基礎外框：確保在不同裝置都置中 */ .clean-text-container { width: 100%; padding: 40px 20px; box-sizing: border-box; display: flex; justify-content: center; background-color: #fcfcfc; /* 極淺灰色背景，增加層次感 */ font-family: "PingFang TC", "Microsoft JhengHei", sans-serif; } /* 內容區塊：限制最大寬度，避免電腦版文字過長難以閱讀 */ .content-box { width: 100%; max-width: 800px; background: #ffffff; padding: 40px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* 輕微陰影，視覺更精緻 */ } /* 標題排版：縮小字體落差 */ .title-group h1 { /* 使用 clamp 讓標題在電腦 28px 與手機 22px 之間自動流動 */ font-size: clamp(22px, 4vw, 28px); color: #333; line-height: 1.5; margin-bottom: 12px; font-weight: 700; } /* 分隔線 */ .divider { border: 0; border-top: 1px solid #eee; margin: 30px 0; } /* 內文排版：提升閱讀舒適度 */ .description-group { color: #444; } /* 內文字體大小調整，縮小與標題的差距 */ .check-text, .arrow-text { font-size: clamp(16px, 2vw, 18px); line-height: 1.8; margin-bottom: 20px; text-align: justify; } /* 綠色強調文字（箭頭部分） */ .arrow-text { color: #2d8a57; /* 穩重的深綠色 */ font-weight: 500; margin-bottom: 0; } /* 手機版自動調整適配 */ @media (max-width: 768px) { .clean-text-container { padding: 20px 15px; } .content-box { padding: 25px; } /* 手機版自動處理字體溢出，確保不破版 */ .title-group h1 { word-break: break-all; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5d346c4 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e3e76c1 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0ecf629 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-9bb331a *//* 基礎外框：確保在不同裝置都置中 */ .clean-text-container { width: 100%; padding: 40px 20px; box-sizing: border-box; display: flex; justify-content: center; background-color: #fcfcfc; /* 極淺灰色背景，增加層次感 */ font-family: "PingFang TC", "Microsoft JhengHei", sans-serif; } /* 內容區塊：限制最大寬度，避免電腦版文字過長難以閱讀 */ .content-box { width: 100%; max-width: 800px; background: #ffffff; padding: 40px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* 輕微陰影，視覺更精緻 */ } /* 標題排版：縮小字體落差 */ .title-group h1 { /* 使用 clamp 讓標題在電腦 28px 與手機 22px 之間自動流動 */ font-size: clamp(22px, 4vw, 28px); color: #333; line-height: 1.5; margin-bottom: 12px; font-weight: 700; } /* 分隔線 */ .divider { border: 0; border-top: 1px solid #eee; margin: 30px 0; } /* 內文排版：提升閱讀舒適度 */ .description-group { color: #444; } /* 內文字體大小調整，縮小與標題的差距 */ .check-text, .arrow-text { font-size: clamp(16px, 2vw, 18px); line-height: 1.8; margin-bottom: 20px; text-align: justify; } /* 綠色強調文字（箭頭部分） */ .arrow-text { color: #2d8a57; /* 穩重的深綠色 */ font-weight: 500; margin-bottom: 0; } /* 手機版自動調整適配 */ @media (max-width: 768px) { .clean-text-container { padding: 20px 15px; } .content-box { padding: 25px; } /* 手機版自動處理字體溢出，確保不破版 */ .title-group h1 { word-break: break-all; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5d346c4 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e3e76c1 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0ecf629 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-9bb331a *//* 基礎外框：確保在不同裝置都置中 */ .clean-text-container { width: 100%; padding: 40px 20px; box-sizing: border-box; display: flex; justify-content: center; background-color: #fcfcfc; /* 極淺灰色背景，增加層次感 */ font-family: "PingFang TC", "Microsoft JhengHei", sans-serif; } /* 內容區塊：限制最大寬度，避免電腦版文字過長難以閱讀 */ .content-box { width: 100%; max-width: 800px; background: #ffffff; padding: 40px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* 輕微陰影，視覺更精緻 */ } /* 標題排版：縮小字體落差 */ .title-group h1 { /* 使用 clamp 讓標題在電腦 28px 與手機 22px 之間自動流動 */ font-size: clamp(22px, 4vw, 28px); color: #333; line-height: 1.5; margin-bottom: 12px; font-weight: 700; } /* 分隔線 */ .divider { border: 0; border-top: 1px solid #eee; margin: 30px 0; } /* 內文排版：提升閱讀舒適度 */ .description-group { color: #444; } /* 內文字體大小調整，縮小與標題的差距 */ .check-text, .arrow-text { font-size: clamp(16px, 2vw, 18px); line-height: 1.8; margin-bottom: 20px; text-align: justify; } /* 綠色強調文字（箭頭部分） */ .arrow-text { color: #2d8a57; /* 穩重的深綠色 */ font-weight: 500; margin-bottom: 0; } /* 手機版自動調整適配 */ @media (max-width: 768px) { .clean-text-container { padding: 20px 15px; } .content-box { padding: 25px; } /* 手機版自動處理字體溢出，確保不破版 */ .title-group h1 { word-break: break-all; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5d346c4 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e3e76c1 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0ecf629 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-9bb331a *//* 基礎外框：確保在不同裝置都置中 */ .clean-text-container { width: 100%; padding: 40px 20px; box-sizing: border-box; display: flex; justify-content: center; background-color: #fcfcfc; /* 極淺灰色背景，增加層次感 */ font-family: "PingFang TC", "Microsoft JhengHei", sans-serif; } /* 內容區塊：限制最大寬度，避免電腦版文字過長難以閱讀 */ .content-box { width: 100%; max-width: 800px; background: #ffffff; padding: 40px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* 輕微陰影，視覺更精緻 */ } /* 標題排版：縮小字體落差 */ .title-group h1 { /* 使用 clamp 讓標題在電腦 28px 與手機 22px 之間自動流動 */ font-size: clamp(22px, 4vw, 28px); color: #333; line-height: 1.5; margin-bottom: 12px; font-weight: 700; } /* 分隔線 */ .divider { border: 0; border-top: 1px solid #eee; margin: 30px 0; } /* 內文排版：提升閱讀舒適度 */ .description-group { color: #444; } /* 內文字體大小調整，縮小與標題的差距 */ .check-text, .arrow-text { font-size: clamp(16px, 2vw, 18px); line-height: 1.8; margin-bottom: 20px; text-align: justify; } /* 綠色強調文字（箭頭部分） */ .arrow-text { color: #2d8a57; /* 穩重的深綠色 */ font-weight: 500; margin-bottom: 0; } /* 手機版自動調整適配 */ @media (max-width: 768px) { .clean-text-container { padding: 20px 15px; } .content-box { padding: 25px; } /* 手機版自動處理字體溢出，確保不破版 */ .title-group h1 { word-break: break-all; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5d346c4 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e3e76c1 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8b7b233 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8b7b233 *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e2e043c *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e2e043c *//* --- 1. 容器設定 --- */ .tech-wrapper-orange { width: 100%; text-align: center; overflow: hidden; padding: 15px 0; } /* --- 2. 標題本體 (科技琥珀橘) --- */ .tech-text-orange { /* 保持穩定縮放與絕對不換行 */ font-size: min(5.5vw, 42px) !important; white-space: nowrap !important; font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important; font-weight: 900 !important; letter-spacing: 0.05em; margin: 0 !important; position: relative; display: inline-block; /* 亮眼橘色漸層：模擬金屬銅與夕陽的高光質感 */ background: linear-gradient(180deg, #ffaa00 0%, #ff7300 45%, #e65c00 55%, #cc4a00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; /* 加上微亮的光暈陰影，讓文字在白底上更具立體感 */ filter: drop-shadow(0px 3px 6px rgba(255, 115, 0, 0.25)) !important; } /* --- 3. 科技切線：白金高光 --- */ .tech-text-orange::after { content: ""; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; /* 純白漸層切線，搭配橘色更顯精緻 */ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100% ); box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-c4f96db *//* --- 1. 大幅加大標題字體 --- */ .custom-toggle-title { display: flex !important; align-items: center !important; color: #000000 !important; /* 純黑文字 */ font-weight: 800 !important; /* 加粗 */ font-size: 28px !important; /* 大幅加大 (原本 18px) */ line-height: 1.4 !important; width: 100% !important; padding: 10px 0 !important; } /* --- 2. 金色圓點隨字體縮放 --- */ .gold-dot { width: 12px !important; /* 隨標題加大比例 */ height: 12px !important; background-color: #d4af37 !important; border-radius: 50% !important; margin-right: 15px !important; flex-shrink: 0 !important; } /* --- 3. 手機版 RWD 自動縮放 (防止爆開) --- */ @media (max-width: 767px) { .custom-toggle-title { /* 手機版設定在 22px，既醒目又不會斷行 */ font-size: 22px !important; } .gold-dot { width: 10px !important; height: 10px !important; } } /* 針對小螢幕手機的保護層 */ @media (max-width: 350px) { .custom-toggle-title { font-size: 18px !important; } }/* End custom CSS */