.elementor-7857 .elementor-element.elementor-element-fbb6771{--display:flex;--min-height:350px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.75;--padding-top:180px;--padding-bottom:80px;--padding-left:50px;--padding-right:50px;}.elementor-7857 .elementor-element.elementor-element-fbb6771:not(.elementor-motion-effects-element-type-background), .elementor-7857 .elementor-element.elementor-element-fbb6771 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor2 );background-image:url("https://uforproto.com/wp-content/uploads/2026/06/UForProto-default-pic.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7857 .elementor-element.elementor-element-fbb6771::before, .elementor-7857 .elementor-element.elementor-element-fbb6771 > .elementor-background-video-container::before, .elementor-7857 .elementor-element.elementor-element-fbb6771 > .e-con-inner > .elementor-background-video-container::before, .elementor-7857 .elementor-element.elementor-element-fbb6771 > .elementor-background-slideshow::before, .elementor-7857 .elementor-element.elementor-element-fbb6771 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7857 .elementor-element.elementor-element-fbb6771 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-7857 .elementor-element.elementor-element-33f8993{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-7857 .elementor-element.elementor-element-33f8993 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-7857 .elementor-element.elementor-element-33f8993.elementor-element{--align-self:center;}.elementor-7857 .elementor-element.elementor-element-33f8993 .uael-infobox, .elementor-7857 .elementor-element.elementor-element-33f8993 .uael-separator-parent{text-align:center;}.elementor-7857 .elementor-element.elementor-element-33f8993 .uael-infobox-title-prefix{font-size:10px;font-weight:400;letter-spacing:5px;color:var( --e-global-color-astglobalcolor0 );margin:0px 0px 0px 0px;}.elementor-7857 .elementor-element.elementor-element-33f8993 .uael-infobox-title{font-size:68px;font-weight:600;line-height:1.1em;letter-spacing:2px;color:var( --e-global-color-astglobalcolor5 );margin:25px 0px 15px 0px;}.elementor-7857 .elementor-element.elementor-element-33f8993 .uael-infobox-text{font-size:16px;color:#FFFFFF85;margin:0px 0px 0px 0px;}.elementor-7857 .elementor-element.elementor-element-1b423f7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7857 .elementor-element.elementor-element-1b423f7:not(.elementor-motion-effects-element-type-background), .elementor-7857 .elementor-element.elementor-element-1b423f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F8FA;}@media(max-width:1024px){.elementor-7857 .elementor-element.elementor-element-33f8993 > .elementor-widget-container{padding:50px 0px 0px 0px;}.elementor-7857 .elementor-element.elementor-element-33f8993{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-7857 .elementor-element.elementor-element-33f8993 .uael-infobox-title{font-size:60px;}}@media(min-width:768px){.elementor-7857 .elementor-element.elementor-element-fbb6771{--content-width:1200px;}.elementor-7857 .elementor-element.elementor-element-1b423f7{--content-width:1200px;}}@media(max-width:767px){.elementor-7857 .elementor-element.elementor-element-fbb6771{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-7857 .elementor-element.elementor-element-33f8993 .uael-infobox-title-prefix{font-size:9px;}.elementor-7857 .elementor-element.elementor-element-33f8993 .uael-infobox-title{font-size:30px;letter-spacing:2px;}.elementor-7857 .elementor-element.elementor-element-33f8993 .uael-infobox-text{font-size:14px;line-height:1.5em;}}/* Start custom CSS for container, class: .elementor-element-fbb6771 */p:empty {
    display: none !important;
}
#page{background:#F2F2F2;}

.hero-tag {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 5px;
    text-transform: uppercase;
    padding: 10px 18px 7px;
    border: 1px solid rgba(0, 109, 206, 0.2);
    border-radius: 30px;
}

.about-hero h1 {
    font-size: clamp(38px, 5.5vw, 64px);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -2px;
    margin-bottom: 18px;
}

.highlight {
    background: linear-gradient(135deg, #006DCE, #60a5fa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.about-hero .hero-desc {
    font-size: clamp(16px, 1.2vw, 19px);
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.8;
    margin-bottom: 28px;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
}

/* ---------- 基础设置（所有按钮共用） ---------- */
.elementor-button {
    border: none !important;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
}


/* ============================================
   方案1：经典蓝紫渐变 · 深邃专业
   适用：首页主CTA、品牌核心按钮
   ============================================ */
.button-gradient-1 .elementor-button {
    background: linear-gradient(135deg, #006DCE 0%, #4F8FE8 50%, #7B61FF 100%) !important;
    background-size: 200% 200% !important;
    animation: gradientMove 4s ease-in-out infinite !important;
    box-shadow: 0 4px 24px rgba(0, 109, 206, 0.35) !important;
}

@keyframes gradientMove {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

.button-gradient-1 .elementor-button:hover {
    transform: translateY(-3px) scale(1.04) !important;
    box-shadow: 0 8px 48px rgba(0, 109, 206, 0.55), 0 0 80px rgba(123, 97, 255, 0.15) !important;
}/* End custom CSS */