.elementor-34 .elementor-element.elementor-element-2985909{--display:flex;--min-height:800px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-34 .elementor-element.elementor-element-2985909:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-2985909 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://airchilly.com/wp-content/uploads/2026/04/287b4cbcf582c4481e01d1d73ae872e1-拷贝.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-34 .elementor-element.elementor-element-cddc3c0{--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;--padding-top:230px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-cddc3c0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family );font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-34 .elementor-element.elementor-element-b1566e0 .elementor-heading-title{font-family:"Inter";font-size:22px;font-weight:700;color:#333333;}.elementor-34 .elementor-element.elementor-element-982b7b2 .elementor-heading-title{font-family:"Inter";font-size:54px;font-weight:700;line-height:1.2em;color:#001E45;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-34 .elementor-element.elementor-element-2c58f60{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Inter";font-size:43px;font-weight:500;}.elementor-34 .elementor-element.elementor-element-2c58f60 p{margin-block-end:0px;}.elementor-34 .elementor-element.elementor-element-d7bc04b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-34 .elementor-element.elementor-element-4f72d22 .elementor-button{background-color:#1E56B1;border-radius:4px 4px 4px 4px;padding:20px 40px 20px 40px;}.elementor-34 .elementor-element.elementor-element-4f72d22{width:auto;max-width:auto;}.elementor-34 .elementor-element.elementor-element-55dc1f2 .elementor-button{background-color:#33333300;fill:#333333;color:#333333;border-style:solid;border-width:1px 1px 1px 1px;border-radius:3px 3px 3px 3px;padding:20px 55px 20px 55px;}.elementor-34 .elementor-element.elementor-element-55dc1f2{width:auto;max-width:auto;}.elementor-34 .elementor-element.elementor-element-3e91486{--display:flex;}.elementor-34 .elementor-element.elementor-element-74ce283{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-0d7b3fb{padding:0px 0px 0px 0px;}.elementor-34 .elementor-element.elementor-element-ae4016a{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-825f776{--display:flex;}.elementor-34 .elementor-element.elementor-element-3dd7ff9{--display:flex;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#EEEEEE;--border-color:#EEEEEE;--border-radius:0px 0px 0px 0px;}.elementor-34 .elementor-element.elementor-element-eb65a84{padding:20px 0px 0px 0px;}.elementor-34 .elementor-element.elementor-element-483076c{--display:flex;--min-height:400px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#EEEEEE;--border-color:#EEEEEE;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-34 .elementor-element.elementor-element-537e7d3{--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;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.15);}.elementor-34 .elementor-element.elementor-element-56d7241 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-34 .elementor-element.elementor-element-17408b1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-207b042{--display:flex;--min-height:400px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#EEEEEE;--border-color:#EEEEEE;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-34 .elementor-element.elementor-element-99f572a{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-c70af27{--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;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.15);}.elementor-34 .elementor-element.elementor-element-3cb42b2 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-34 .elementor-element.elementor-element-66512d4{--display:flex;--min-height:400px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#EEEEEE;--border-color:#EEEEEE;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-34 .elementor-element.elementor-element-c1b8d9a{--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;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.15);}.elementor-34 .elementor-element.elementor-element-8e4cd6a .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-34 .elementor-element.elementor-element-22142b2{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-06a92a0{--display:flex;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-34 .elementor-element.elementor-element-2985909:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-2985909 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://airchilly.com/wp-content/uploads/2026/04/ab5baec0-6734-4260-841a-e0d2afa5346a_副本.webp");}.elementor-34 .elementor-element.elementor-element-2985909{--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-34 .elementor-element.elementor-element-b1566e0 .elementor-heading-title{font-size:20px;}.elementor-34 .elementor-element.elementor-element-982b7b2 .elementor-heading-title{font-size:20px;line-height:1.2em;}.elementor-34 .elementor-element.elementor-element-74ce283{--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}@media(min-width:768px){.elementor-34 .elementor-element.elementor-element-2985909{--content-width:1440px;}.elementor-34 .elementor-element.elementor-element-cddc3c0{--width:60%;}.elementor-34 .elementor-element.elementor-element-74ce283{--content-width:1380px;}.elementor-34 .elementor-element.elementor-element-825f776{--content-width:1380px;}.elementor-34 .elementor-element.elementor-element-483076c{--content-width:1440px;}.elementor-34 .elementor-element.elementor-element-537e7d3{--width:50%;}.elementor-34 .elementor-element.elementor-element-17408b1{--width:50%;}.elementor-34 .elementor-element.elementor-element-207b042{--content-width:1440px;}.elementor-34 .elementor-element.elementor-element-99f572a{--width:55%;}.elementor-34 .elementor-element.elementor-element-c70af27{--width:45%;}.elementor-34 .elementor-element.elementor-element-66512d4{--content-width:1440px;}.elementor-34 .elementor-element.elementor-element-c1b8d9a{--width:50%;}.elementor-34 .elementor-element.elementor-element-22142b2{--width:50%;}.elementor-34 .elementor-element.elementor-element-06a92a0{--content-width:1440px;}}/* Start custom CSS for text-editor, class: .elementor-element-2c58f60 */.elementor-34 .elementor-element.elementor-element-2c58f60 {
    /* 1. 颜色与饱和度：避免纯黑，使用带一点点蓝调的深灰色，与背景和Logo更搭 */
    color: #5b6370 !important; 
    
    /* 2. 字体大小与行高：18px是黄金比例，1.7倍行高让工业感文字不拥挤 */
    font-size: 20px !important;
    line-height: 1.7 !important;
    
    /* 3. 关键：限制最大宽度 */
    /* 限制宽度能让文字折行，视觉上形成一个整齐的方块，不仅美观而且更易读 */
    max-width: 520px !important; 
    
    /* 4. 间距：增加与上方大标题和下方按钮的距离 */
    margin-top: 5px !important;
    margin-bottom: 45px !important;
    
    /* 5. 字体平滑：让文字在所有屏幕上看起来都更精致 */
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.2px;
}

/* 进阶效果：如果你想让这段话更有“权威感”，可以给第一个词加粗 */
.elementor-34 .elementor-element.elementor-element-2c58f60 p::first-line {
    font-weight: 500;
    color: #333;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cddc3c0 *//* 标题动画和间距优化 */
.elementor-34 .elementor-element.elementor-element-cddc3c0 h4 {
    margin-bottom: 10px !important;
    text-transform: none;
    letter-spacing: 0.5px;
}

.elementor-34 .elementor-element.elementor-element-cddc3c0 h1 {
    margin-bottom: 25px !important;
    letter-spacing: -1px;
}

.elementor-34 .elementor-element.elementor-element-cddc3c0 .elementor-text-editor {
    font-size: 18px;
    line-height: 1.6;
    color: #555;
    margin-bottom: 40px !important;
    max-width: 90%;
}

/* 按钮悬停特效 */
/* 主按钮 */
.elementor-34 .elementor-element.elementor-element-cddc3c0 .elementor-button-wrapper:nth-child(1) .elementor-button {
    transition: all 0.3s ease;
    box-shadow: 0px 4px 15px rgba(30, 86, 177, 0.2);
}
.elementor-34 .elementor-element.elementor-element-cddc3c0 .elementor-button-wrapper:nth-child(1) .elementor-button:hover {
    background-color: #003366; /* 悬停变深色 */
    transform: translateY(-2px);
    box-shadow: 0px 6px 20px rgba(30, 86, 177, 0.4);
}

/* 次按钮 */
.elementor-34 .elementor-element.elementor-element-cddc3c0 .elementor-button-wrapper:nth-child(2) .elementor-button {
    transition: all 0.3s ease;
    background-color: rgba(255,255,255,0.5);
}
.elementor-34 .elementor-element.elementor-element-cddc3c0 .elementor-button-wrapper:nth-child(2) .elementor-button:hover {
    background-color: #f8f8f8;
    border-color: #333;
    color: #000;
}

/* 响应式调整：防止手机端文字压住机器 */
@media (max-width: 768px) {
    .elementor-34 .elementor-element.elementor-element-cddc3c0 {
        width: 100% !important;
        padding: 20px;
        background: rgba(255,255,255,0.7); /* 手机端增加半透明背景增加文字可读性 */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0d7b3fb *//* 全局盒模型强制声明 */
.pro-solutions, .pro-solutions * {
    box-sizing: border-box;
}

:root {
    --brand-blue: #1A3668;
    --layout-width: 1440px;
}

/* 1. 外层区域：缩小顶部空白 */
.pro-solutions {
    background-color: #ffffff;
    padding: 80px 0 80px 0; /* 顶部间距缩小至 30px */
    width: 100%;
    overflow: hidden;
    font-family: 'Inter', -apple-system, sans-serif;
}

/* 2. 容器：对齐 1440px */
.pro-container {
    max-width: var(--layout-width);
    margin: 0 auto;
    padding: 0 20px;
}

.section-header {
    text-align: center;
    margin-bottom: 30px;
}

/* 副标题：加大、加宽、加厚 */
.sub-title {
    color: var(--brand-blue);
    font-weight: 800;
    font-size: 15px;      /* 增大字号 */
    letter-spacing: 5px;  /* 增加字间距，显高端 */
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 12px;
}

.section-header h2 {
    font-size: 32px;
    color: #111;
    font-weight: 800;
    margin: 0;
}

/* 3. 网格布局 */
.pro-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

/* 4. 单个卡片样式 */
.pro-item {
    position: relative;
    height: 380px; /* 黄金比例高度 */
    overflow: hidden;
    background: #000;
    border-radius: 12px;
    transition: all 0.4s ease;
}

.pro-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

/* 遮罩渐变：保证文字在任何图下都清晰 */
.pro-item::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; width: 100%; height: 75%;
    background: linear-gradient(to top, rgba(10, 25, 48, 0.95) 0%, rgba(10, 25, 48, 0.3) 60%, transparent 100%);
    z-index: 1;
    transition: all 0.5s ease;
}

/* 5. 内部文字内容排版 */
.pro-content {
    position: absolute;
    bottom: 0; left: 0;
    width: 100%;
    padding: 30px 25px;
    text-align: left;
    z-index: 2;
    display: flex;
    flex-direction: column;
}

/* 白色数字 */
.pro-meta {
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 5px;
    opacity: 0.7;
}

.pro-content h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 5px 0;
    transition: margin 0.4s ease;
}

/* 隐藏的描述文字：白色，悬浮出现 */
.pro-content p {
    color: #ffffff;      /* 纯白色文字 */
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
    
    /* 初始隐藏状态 */
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transform: translateY(15px); /* 初始位移，产生浮现感 */
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.pro-link {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    border-bottom: 1px solid rgba(255,255,255,0.4);
    padding-bottom: 2px;
    margin-top: 15px;
    align-self: flex-start;
}

/* 6. 鼠标悬浮交互 */
.pro-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.pro-item:hover img {
    transform: scale(1.1);
}

/* 悬浮时显示文字描述 */
.pro-item:hover .pro-content p {
    opacity: 1;
    max-height: 100px; /* 展开内容 */
    margin-top: 10px;
    margin-bottom: 10px;
    transform: translateY(0); /* 回到原位 */
}

/* 悬浮时标题间距微调 */
.pro-item:hover .pro-content h3 {
    margin-bottom: 10px;
}

/* 7. 响应式适配 */
@media (max-width: 1460px) {
    .pro-container { padding: 0 20px; }
}
@media (max-width: 1024px) {
    .pro-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .pro-grid { grid-template-columns: 1fr; }
    .pro-item { height: 350px; }
}
.sub-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.sub-title::before, .sub-title::after {
    content: '';
    width: 40px;
    height: 1px;
    background: var(--brand-blue);
    opacity: 0.3;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5aea377 */.middle-stats-bar {
    /* 使用深蓝色背景，与上下形成强烈的视觉对比 */
    background: #1a365d; 
    padding: 40px 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}

.stats-item {
    text-align: center;
    color: #ffffff;
}

.stats-num {
    display: block;
    font-size: 32px;
    font-weight: 900;
    color: #38bdf8; /* 亮蓝色高亮数字 */
    margin-bottom: 5px;
}

.stats-label {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 768px) {
    .middle-stats-bar { flex-wrap: wrap; gap: 30px; }
    .stats-item { width: 45%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6d49984 *//* --- 1. 整体容器间距 --- */
.tech-bridge-wrapper {
    background: linear-gradient(to bottom, #ffffff 0%, #f7fafc 15%, #f7fafc 85%, #ffffff 100%);
    
    /* 这里改整个区块的【上下间距】 */
    padding-top: 40px;    /* 缩小顶部空白 */
    padding-bottom: 60px; /* 缩小底部空白 */
    
    width: 100%;
}

/* --- 2. 标题区对齐样式 --- */
.custom-section-header {
    text-align: center;
    
    /* 这里改标题和下方卡片之间的【距离】 */
    margin-bottom: 35px; 
}

/* 副标题细线与样式 */
.sub-tag-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 12px;
}
.side-line {
    width: 35px; /* 线条长度对应上方 */
    height: 1px;
    background-color: #cbd5e0;
}
.sub-tag-text {
    font-size: 16px;
    font-weight: 800; /* 加粗对应上方 */
    color: #1a202c;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* 主标题样式（完全对应上方样式） */
.main-title-text {
    font-size: 34px; /* 字号根据内容微调，建议在 32-38 之间 */
    font-weight: 900; /* 极致粗体对应上方 */
    color: #000000;
    margin: 0 0 15px 0; /* 控制标题与下方蓝条的间距 */
    line-height: 1.2;
}

/* 蓝色装饰条样式 */
.blue-accent-bar {
    width: 45px;
    height: 5px;
    background-color: #3182ce;
    margin: 0 auto;
    border-radius: 2px;
}

/* --- 3. 卡片布局与样式 --- */
.advantages-container {
    max-width: 1140px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    padding: 0 20px;
}

.tech-card {
    background: #ffffff;
    padding: 35px 20px; /* 改卡片内部【上下间距】 */
    border-radius: 12px;
    border: 1px solid rgba(226, 232, 240, 0.6);
    text-align: center;
    transition: all 0.4s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
}

.tech-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(49, 130, 206, 0.1);
}

.card-icon-box {
    width: 50px;
    height: 50px;
    background-color: rgba(49, 130, 206, 0.08);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px auto;
}

.card-icon-box svg { width: 24px; height: 24px; }

.tech-card h3 {
    font-size: 18px;
    font-weight: 800;
    color: #1a365d;
    margin-bottom: 10px;
}

.tech-card p {
    font-size: 13.5px;
    color: #718096;
    line-height: 1.5;
}

@media (max-width: 1024px) {
    .advantages-container { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .advantages-container { grid-template-columns: 1fr; }
    .main-title-text { font-size: 26px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-870ef92 *//* --- 终极对齐优化版 CSS --- */

:root {
    --brand-dark: #1a365d;
    --brand-light: #3182ce;
    --text-main: #4a5568;
    --text-muted: #a0aec0;
    --inner-gap: 60px; /* 这里控制文字和视频之间的间距 */
}

/* 1. 容器重置：确保外边缘没有任何多余 Padding */
.case-container {
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
}

/* 2. 当文字在右侧时（案例1、3）：只在文字左侧加间距 */
.case-container:not(.case-reverse) {
    padding-left: var(--inner-gap) !important;
    padding-right: 0 !important;
}

/* 3. 当文字在左侧时（案例2）：只在文字右侧加间距 */
.case-container.case-reverse {
    padding-right: var(--inner-gap) !important;
    padding-left: 0 !important;
}

/* --- 以下是样式部分，保持不变但增加了细节优化 --- */

.case-tag {
    font-size: 11px;
    letter-spacing: 2.5px;
    color: var(--text-muted);
    font-weight: 700;
    margin-bottom: 12px;
    text-transform: uppercase;
    display: block;
}

.case-title {
    font-size: 30px; /* 稍微缩小一点点，防止标题过长强制换行导致的不对齐 */
    line-height: 1.2;
    color: var(--brand-dark);
    font-weight: 800;
    margin: 0;
}

.case-accent-line {
    width: 50px;
    height: 4px;
    background: var(--brand-light);
    margin: 20px 0 25px 0;
    border-radius: 2px;
}

.case-description {
    font-size: 15px;
    line-height: 1.7;
    color: var(--text-main);
    margin-bottom: 30px;
    max-width: 100%;
}

.case-data-row {
    display: flex;
    gap: 40px;
    border-top: 1px solid #f0f4f8;
    padding-top: 25px;
}

.data-block { display: flex; flex-direction: column; }
.data-num { font-size: 26px; font-weight: 800; color: var(--brand-dark); }
.data-num small { font-size: 13px; font-weight: 500; color: var(--text-muted); }
.data-label { font-size: 11px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 1px; margin-top: 4px; }

/* 移动端适配 */
@media (max-width: 1024px) {
    .case-container, .case-container.case-reverse { 
        padding: 20px 0 0 0 !important; /* 手机端上下排列，取消左右间距 */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-93b5278 */:root {
    --brand-dark: #1a365d;
    --brand-light: #3182ce;
    --text-main: #4a5568;
    --text-muted: #a0aec0;
}

/* 基础样式 */
.case-container {
    padding-left: 5%; /* 默认文字在右时，左侧留空 */
}

/* 核心：方案二专用的反向间距 */
.case-reverse {
    padding-left: 0;
    padding-right: 5%; /* 当文字在左时，右侧留空 */
}

.case-tag {
    font-size: 11px;
    letter-spacing: 2.5px;
    color: var(--text-muted);
    font-weight: 700;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.case-title {
    font-size: 32px;
    line-height: 1.2;
    color: var(--brand-dark);
    font-weight: 800;
    margin: 0;
}

.case-accent-line {
    width: 50px;
    height: 4px;
    background: var(--brand-light);
    margin: 15px 0 20px 0;
    border-radius: 2px;
}

.case-description {
    font-size: 16px;
    line-height: 1.8;
    color: var(--text-main);
    margin-bottom: 20px;
    max-width: 95%;
}

.case-data-row {
    display: flex;
    gap: 50px;
    border-top: 1px solid #f0f4f8;
    padding-top: 30px;
}

.data-block { display: flex; flex-direction: column; }
.data-num { font-size: 28px; font-weight: 800; color: var(--brand-dark); }
.data-num small { font-size: 14px; font-weight: 500; color: var(--text-muted); margin-left: 2px; }
.data-label { font-size: 12px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 1px; margin-top: 4px; }

@media (max-width: 1024px) {
    .case-container, .case-reverse { padding-left: 0; padding-right: 0; }
    .case-title { font-size: 26px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-05a278a *//* 全局变量：方便一键修改主题色 */
:root {
    --brand-dark: #1a365d;   /* 标题深蓝色 */
    --brand-light: #3182ce;  /* 装饰线/高亮蓝色 */
    --text-main: #4a5568;    /* 正文灰色 */
    --text-muted: #a0aec0;   /* 标签浅灰色 */
}

.case-container {
    padding-left: 5%;
}

.case-tag {
    font-size: 11px;
    letter-spacing: 2.5px;
    color: var(--text-muted);
    font-weight: 700;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.case-title {
    font-size: 32px;
    line-height: 1.2;
    color: var(--brand-dark);
    font-weight: 800;
    margin: 0;
}

.case-accent-line {
    width: 50px;
    height: 4px;
    background: var(--brand-light);
    margin: 15px 0 20px 0;
    border-radius: 2px;
}

.case-description {
    font-size: 16px;
    line-height: 1.8;
    color: var(--text-main);
    margin-bottom: 20px;
    max-width: 90%;
}

/* 数据看板样式 */
.case-data-row {
    display: flex;
    gap: 50px;
    border-top: 1px solid #f0f4f8;
    padding-top: 30px;
}

.data-block {
    display: flex;
    flex-direction: column;
}

.data-num {
    font-size: 28px;
    font-weight: 800;
    color: var(--brand-dark);
}

.data-num small {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-muted);
    margin-left: 2px;
}

.data-label {
    font-size: 12px;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 4px;
}

/* 响应式：平板和手机端自动调整间距 */
@media (max-width: 1024px) {
    .case-container { padding-left: 0; }
    .case-title { font-size: 26px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7030d1e *//* 紧凑型底部引导区 */
.final-cta-compact {
    text-align: center;
    padding: 60px 20px; /* 大幅缩小上下留空，从 100px 减至 60px */
    background-color: #f8fafc; /* 浅灰色背景，区分区域 */
    margin-top: 40px;
}

/* 副标题间距缩小 */
.cta-sub-tag-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 10px;
}
.cta-side-line {
    width: 30px;
    height: 1px;
    background-color: #cbd5e0;
}
.cta-sub-tag {
    font-size: 12px;
    font-weight: 800;
    color: #1a202c;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* 主标题缩小一点点，显得更精致 */
.cta-main-title {
    font-size: 36px; 
    font-weight: 900;
    color: #000000;
    margin-bottom: 15px;
    line-height: 1.2;
}

/* 描述文字压缩行高和间距 */
.cta-description {
    font-size: 16px;
    color: #4a5568;
    max-width: 700px;
    margin: 0 auto 30px auto;
    line-height: 1.5;
}

/* 按钮样式保持专业 */
.cta-btn-primary {
    display: inline-block;
    background-color: #3182ce;
    color: #ffffff;
    padding: 14px 40px;
    border-radius: 6px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.2);
}

.cta-btn-primary:hover {
    background-color: #2b6cb0;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(49, 130, 206, 0.3);
}

/* 适配移动端 */
@media (max-width: 768px) {
    .final-cta-compact { padding: 40px 20px; }
    .cta-main-title { font-size: 28px; }
}/* End custom CSS */