.elementor-7873 .elementor-element.elementor-element-4c7f272b{--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-7873 .elementor-element.elementor-element-4c7f272b:not(.elementor-motion-effects-element-type-background), .elementor-7873 .elementor-element.elementor-element-4c7f272b > .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/07/blog-banner.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7873 .elementor-element.elementor-element-4c7f272b::before, .elementor-7873 .elementor-element.elementor-element-4c7f272b > .elementor-background-video-container::before, .elementor-7873 .elementor-element.elementor-element-4c7f272b > .e-con-inner > .elementor-background-video-container::before, .elementor-7873 .elementor-element.elementor-element-4c7f272b > .elementor-background-slideshow::before, .elementor-7873 .elementor-element.elementor-element-4c7f272b > .e-con-inner > .elementor-background-slideshow::before, .elementor-7873 .elementor-element.elementor-element-4c7f272b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-7873 .elementor-element.elementor-element-2219889{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-7873 .elementor-element.elementor-element-2219889 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-7873 .elementor-element.elementor-element-2219889.elementor-element{--align-self:center;}.elementor-7873 .elementor-element.elementor-element-2219889 .uael-infobox, .elementor-7873 .elementor-element.elementor-element-2219889 .uael-separator-parent{text-align:center;}.elementor-7873 .elementor-element.elementor-element-2219889 .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-7873 .elementor-element.elementor-element-2219889 .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-7873 .elementor-element.elementor-element-332bb7e{--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-7873 .elementor-element.elementor-element-332bb7e:not(.elementor-motion-effects-element-type-background), .elementor-7873 .elementor-element.elementor-element-332bb7e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://uforproto.com/wp-content/uploads/2026/06/浅蓝色22001250.jpg");}.elementor-7873 .elementor-element.elementor-element-92df424{font-size:1px;line-height:1px;text-shadow:0px 0px 0px rgba(0,0,0,0.3);color:#666666;}.elementor-7873 .elementor-element.elementor-element-92df424 p{margin-block-end:0px;}@media(max-width:1024px){.elementor-7873 .elementor-element.elementor-element-2219889 > .elementor-widget-container{padding:50px 0px 0px 0px;}.elementor-7873 .elementor-element.elementor-element-2219889{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-7873 .elementor-element.elementor-element-2219889 .uael-infobox-title{font-size:60px;}}@media(min-width:768px){.elementor-7873 .elementor-element.elementor-element-4c7f272b{--content-width:1200px;}}@media(max-width:767px){.elementor-7873 .elementor-element.elementor-element-4c7f272b{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-7873 .elementor-element.elementor-element-2219889 .uael-infobox-title-prefix{font-size:9px;}.elementor-7873 .elementor-element.elementor-element-2219889 .uael-infobox-title{font-size:30px;letter-spacing:2px;}}/* Start custom CSS for container, class: .elementor-element-4c7f272b */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 */
/* Start custom CSS for text-editor, class: .elementor-element-92df424 */.textblog .ccb-border-meta{font-size:15px; color:#666;padding-top:15px;padding-bottom:8px}
.textblog .ccb-border-desc{font-size:16px; color:#333;}/* End custom CSS */