.elementor-369 .elementor-element.elementor-element-c34760b{--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:200px;--padding-bottom:200px;--padding-left:0px;--padding-right:0px;}.elementor-369 .elementor-element.elementor-element-c34760b:not(.elementor-motion-effects-element-type-background), .elementor-369 .elementor-element.elementor-element-c34760b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.hchbgc.com/wp-content/uploads/2026/01/solution.jpg");}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-369 .elementor-element.elementor-element-0fce3ad{text-align:center;}.elementor-369 .elementor-element.elementor-element-0fce3ad .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:600;color:var( --e-global-color-6973997 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-369 .elementor-element.elementor-element-fcc5d1b{text-align:center;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;color:#EDEDED;}.elementor-369 .elementor-element.elementor-element-cb3bc74{--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-369 .elementor-element.elementor-element-f7d92bc{margin:100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-369 .elementor-element.elementor-element-f7d92bc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:2.5rem;font-weight:600;color:#333333;}.elementor-369 .elementor-element.elementor-element-e748385{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;}.elementor-369 .elementor-element.elementor-element-92b6c97{--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:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;}.elementor-369 .elementor-element.elementor-element-3a8e570{--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-369 .elementor-element.elementor-element-12732db{--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-369 .elementor-element.elementor-element-27e7da8{--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-369 .elementor-element.elementor-element-be4bf48{--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-369 .elementor-element.elementor-element-bc51cac{--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-369 .elementor-element.elementor-element-7d62907{--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-369 .elementor-element.elementor-element-ebfc586{margin:100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-369 .elementor-element.elementor-element-ebfc586 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:2.5rem;font-weight:600;color:#333333;}.elementor-369 .elementor-element.elementor-element-b76b3e4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-369 .elementor-element.elementor-element-3a8e570{--width:33.3333%;}.elementor-369 .elementor-element.elementor-element-12732db{--width:33.3333%;}.elementor-369 .elementor-element.elementor-element-27e7da8{--width:33.3333%;}.elementor-369 .elementor-element.elementor-element-be4bf48{--width:33.3333%;}.elementor-369 .elementor-element.elementor-element-bc51cac{--width:33.3333%;}}@media(max-width:767px){.elementor-369 .elementor-element.elementor-element-c34760b:not(.elementor-motion-effects-element-type-background), .elementor-369 .elementor-element.elementor-element-c34760b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:378px -193px;}.elementor-369 .elementor-element.elementor-element-c34760b{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-369 .elementor-element.elementor-element-0fce3ad .elementor-heading-title{font-size:20px;}.elementor-369 .elementor-element.elementor-element-fcc5d1b{font-size:12px;}.elementor-369 .elementor-element.elementor-element-f7d92bc{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-369 .elementor-element.elementor-element-f7d92bc .elementor-heading-title{font-size:1.5rem;}.elementor-369 .elementor-element.elementor-element-e748385{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-369 .elementor-element.elementor-element-92b6c97{--padding-top:0%;--padding-bottom:0%;--padding-left:2%;--padding-right:2%;}}/* Start custom CSS for text-editor, class: .elementor-element-e748385 */.underline {
    width: 80px;
    height: 4px;
    background:#00ff88;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e6bddb9 */.container {
            max-width: 1400px;
            margin: -60px auto 80px;
            padding: 0 15px;
        }
        .page-title {
            text-align: center;
            font-size: 36px;
            color: #0d6efd;
            margin: 0 0 60px;
            font-weight: bold;
        }

        .solutions-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
            gap: 30px;
        }

        .solution-card {
            position: relative;
            min-height: 680px;
            border-radius: 24px;
            overflow: hidden;
            box-shadow: 0 15px 35px rgba(0,0,0,0.15);
            transition: all 0.5s ease;
            cursor: pointer;
            background: #fff;
        }

        .solution-card:hover {
            transform: translateY(-15px);
            box-shadow: 0 25px 50px rgba(0,0,0,0.25);
        }

        .card-image-wrapper {
            position: absolute;
            inset: 0;
            overflow: hidden;
            border-radius: 24px;
            z-index: 1;
        }
        .card-bg {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            transition: transform 1s ease;
            filter: brightness(0.9);
        }
        .solution-card:hover .card-bg {
            transform: scale(1.12);
        }

        .card-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.65));
            z-index: 2;
        }

        .default-title-wrapper {
            position: absolute;
            bottom: 60px;
            left: 50%;
            transform: translateX(-50%);
            text-align: center;
            z-index: 5;
            transition: opacity 0.5s ease;
        }
        .solution-card:hover .default-title-wrapper {
            opacity: 0;
        }
        .card-icon {
            font-size: 56px;
            color: #fff;
            text-shadow: 0 4px 12px rgba(0,0,0,0.8);
        }
        .default-title {
            color: #fff;
            font-size: 32px;
            font-weight: bold;
            text-shadow: 0 4px 12px rgba(0,0,0,0.8);
            background: rgba(0,0,0,0.5);
            padding: 8px 20px;
            border-radius: 12px;
            backdrop-filter: blur(6px);
        }

        .card-content {
            position: absolute;
            inset: 0;
            padding: 40px;
            color: #fff;
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease;
            z-index: 6;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
        }
        .solution-card:hover .card-content {
            opacity: 1;
            transform: translateY(0);
        }

        .hover-title-wrapper {
            margin-bottom: 20px;
            text-align: center;
        }
        .hover-title-icon {
            font-size: 52px;
            text-shadow: 0 4px 12px rgba(0,0,0,0.9);
        }
        .hover-title {
            font-size: 28px;
            font-weight: bold;
            text-shadow: 0 4px 12px rgba(0,0,0,0.9);
            background: rgba(0,0,0,0.5);
            padding: 8px 20px;
            border-radius: 12px;
            backdrop-filter: blur(8px);
        }

        .card-content p {
            font-size: 16px;
            margin: 0 0 25px;
            text-shadow: 0 2px 6px rgba(0,0,0,0.8);
            text-align: center;
            word-break: break-word;
            hyphens: auto;
        }

        .card-links {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            justify-content: center;
        }
        .card-links a {
            display: flex;
            align-items: center;
            gap: 8px;
            background: rgba(255,255,255,0.25);
            padding: 10px 18px;
            border-radius: 50px;
            backdrop-filter: blur(8px);
            border: 1px solid rgba(255,255,255,0.3);
            transition: all 0.3s;
            font-weight: 600;
            font-size: 15px;
            white-space: nowrap;
            color:#fff;
        }
        .card-links a:hover {
            background: #0d6efd;
            transform: translateY(-4px);
        }

        /* 移动端优化 - 核心修复 */
        @media (max-width: 992px) {
            .solutions-grid { grid-template-columns: 1fr; gap: 40px; }
            .solution-card { min-height: auto; height: auto; }
            .card-content {
                position: relative;
                opacity: 1;
                transform: none;
                padding: 80px 20px 40px;
                background: linear-gradient(to top, rgba(0,0,0,0.9), transparent 50%);
            }
            .default-title-wrapper { display: none; } /* 移动端隐藏默认标题，避免重叠 */
            .hover-title-wrapper { position: relative; top: auto; transform: none; margin-bottom: 25px; }
            .card-content p { font-size: 15px; text-align: left; }
            .card-links { justify-content: flex-start; flex-direction: column; gap: 10px; }
            .card-links a { width: fit-content; }
        }

        @media (max-width: 480px) {
            header h1 { font-size: 36px; }
            .slogan { font-size: 28px; }
            .page-title { font-size: 32px; }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-60c72dd */.container {
            max-width: 1400px;
            margin: -60px auto 80px;
            padding: 0 15px;
        }
        .page-title {
            text-align: center;
            font-size: 36px;
            color: #0d6efd;
            margin: 0 0 60px;
            font-weight: bold;
        }

        .solutions-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
            gap: 30px;
        }

        .solution-card {
            position: relative;
            min-height: 680px;
            border-radius: 24px;
            overflow: hidden;
            box-shadow: 0 15px 35px rgba(0,0,0,0.15);
            transition: all 0.5s ease;
            cursor: pointer;
            background: #fff;
        }

        .solution-card:hover {
            transform: translateY(-15px);
            box-shadow: 0 25px 50px rgba(0,0,0,0.25);
        }

        .card-image-wrapper {
            position: absolute;
            inset: 0;
            overflow: hidden;
            border-radius: 24px;
            z-index: 1;
        }
        .card-bg {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            transition: transform 1s ease;
            filter: brightness(0.9);
        }
        .solution-card:hover .card-bg {
            transform: scale(1.12);
        }

        .card-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.65));
            z-index: 2;
        }

        .default-title-wrapper {
            position: absolute;
            bottom: 60px;
            left: 50%;
            transform: translateX(-50%);
            text-align: center;
            z-index: 5;
            transition: opacity 0.5s ease;
        }
        .solution-card:hover .default-title-wrapper {
            opacity: 0;
        }
        .card-icon {
            font-size: 56px;
            color: #fff;
            text-shadow: 0 4px 12px rgba(0,0,0,0.8);
        }
        .default-title {
            color: #fff;
            font-size: 32px;
            font-weight: bold;
            text-shadow: 0 4px 12px rgba(0,0,0,0.8);
            background: rgba(0,0,0,0.5);
            padding: 8px 20px;
            border-radius: 12px;
            backdrop-filter: blur(6px);
        }

        .card-content {
            position: absolute;
            inset: 0;
            padding: 40px;
            color: #fff;
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease;
            z-index: 6;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
        }
        .solution-card:hover .card-content {
            opacity: 1;
            transform: translateY(0);
        }

        .hover-title-wrapper {
            margin-bottom: 20px;
            text-align: center;
        }
        .hover-title-icon {
            font-size: 52px;
            text-shadow: 0 4px 12px rgba(0,0,0,0.9);
        }
        .hover-title {
            font-size: 28px;
            font-weight: bold;
            text-shadow: 0 4px 12px rgba(0,0,0,0.9);
            background: rgba(0,0,0,0.5);
            padding: 8px 20px;
            border-radius: 12px;
            backdrop-filter: blur(8px);
        }

        .card-content p {
            font-size: 16px;
            margin: 0 0 25px;
            text-shadow: 0 2px 6px rgba(0,0,0,0.8);
            text-align: center;
            word-break: break-word;
            hyphens: auto;
        }

        .card-links {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            justify-content: center;
        }
        .card-links a {
            display: flex;
            align-items: center;
            gap: 8px;
            background: rgba(255,255,255,0.25);
            padding: 10px 18px;
            border-radius: 50px;
            backdrop-filter: blur(8px);
            border: 1px solid rgba(255,255,255,0.3);
            transition: all 0.3s;
            font-weight: 600;
            font-size: 15px;
            white-space: nowrap;
            color:#fff;
        }
        .card-links a:hover {
            background: #0d6efd;
            transform: translateY(-4px);
        }

        /* 移动端优化 - 核心修复 */
        @media (max-width: 992px) {
            .solutions-grid { grid-template-columns: 1fr; gap: 40px; }
            .solution-card { min-height: auto; height: auto; }
            .card-content {
                position: relative;
                opacity: 1;
                transform: none;
                padding: 80px 20px 40px;
                background: linear-gradient(to top, rgba(0,0,0,0.9), transparent 50%);
            }
            .default-title-wrapper { display: none; } /* 移动端隐藏默认标题，避免重叠 */
            .hover-title-wrapper { position: relative; top: auto; transform: none; margin-bottom: 25px; }
            .card-content p { font-size: 15px; text-align: left; }
            .card-links { justify-content: flex-start; flex-direction: column; gap: 10px; }
            .card-links a { width: fit-content; }
        }

        @media (max-width: 480px) {
            header h1 { font-size: 36px; }
            .slogan { font-size: 28px; }
            .page-title { font-size: 32px; }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d23dd8f */.container {
            max-width: 1400px;
            margin: -60px auto 80px;
            padding: 0 15px;
        }
        .page-title {
            text-align: center;
            font-size: 36px;
            color: #0d6efd;
            margin: 0 0 60px;
            font-weight: bold;
        }

        .solutions-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
            gap: 30px;
        }

        .solution-card {
            position: relative;
            min-height: 680px;
            border-radius: 24px;
            overflow: hidden;
            box-shadow: 0 15px 35px rgba(0,0,0,0.15);
            transition: all 0.5s ease;
            cursor: pointer;
            background: #fff;
        }

        .solution-card:hover {
            transform: translateY(-15px);
            box-shadow: 0 25px 50px rgba(0,0,0,0.25);
        }

        .card-image-wrapper {
            position: absolute;
            inset: 0;
            overflow: hidden;
            border-radius: 24px;
            z-index: 1;
        }
        .card-bg {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            transition: transform 1s ease;
            filter: brightness(0.9);
        }
        .solution-card:hover .card-bg {
            transform: scale(1.12);
        }

        .card-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.65));
            z-index: 2;
        }

        .default-title-wrapper {
            position: absolute;
            bottom: 60px;
            left: 50%;
            transform: translateX(-50%);
            text-align: center;
            z-index: 5;
            transition: opacity 0.5s ease;
        }
        .solution-card:hover .default-title-wrapper {
            opacity: 0;
        }
        .card-icon {
            font-size: 56px;
            color: #fff;
            text-shadow: 0 4px 12px rgba(0,0,0,0.8);
        }
        .default-title {
            color: #fff;
            font-size: 32px;
            font-weight: bold;
            text-shadow: 0 4px 12px rgba(0,0,0,0.8);
            background: rgba(0,0,0,0.5);
            padding: 8px 20px;
            border-radius: 12px;
            backdrop-filter: blur(6px);
        }

        .card-content {
            position: absolute;
            inset: 0;
            padding: 40px;
            color: #fff;
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease;
            z-index: 6;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
        }
        .solution-card:hover .card-content {
            opacity: 1;
            transform: translateY(0);
        }

        .hover-title-wrapper {
            margin-bottom: 20px;
            text-align: center;
        }
        .hover-title-icon {
            font-size: 52px;
            text-shadow: 0 4px 12px rgba(0,0,0,0.9);
        }
        .hover-title {
            font-size: 28px;
            font-weight: bold;
            text-shadow: 0 4px 12px rgba(0,0,0,0.9);
            background: rgba(0,0,0,0.5);
            padding: 8px 20px;
            border-radius: 12px;
            backdrop-filter: blur(8px);
        }

        .card-content p {
            font-size: 16px;
            margin: 0 0 25px;
            text-shadow: 0 2px 6px rgba(0,0,0,0.8);
            text-align: center;
            word-break: break-word;
            hyphens: auto;
        }

        .card-links {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            justify-content: center;
        }
        .card-links a {
            display: flex;
            align-items: center;
            gap: 8px;
            background: rgba(255,255,255,0.25);
            padding: 10px 18px;
            border-radius: 50px;
            backdrop-filter: blur(8px);
            border: 1px solid rgba(255,255,255,0.3);
            transition: all 0.3s;
            font-weight: 600;
            font-size: 15px;
            white-space: nowrap;
            color:#fff;
        }
        .card-links a:hover {
            background: #0d6efd;
            transform: translateY(-4px);
        }

        /* 移动端优化 - 核心修复 */
        @media (max-width: 992px) {
            .solutions-grid { grid-template-columns: 1fr; gap: 40px; }
            .solution-card { min-height: auto; height: auto; }
            .card-content {
                position: relative;
                opacity: 1;
                transform: none;
                padding: 80px 20px 40px;
                background: linear-gradient(to top, rgba(0,0,0,0.9), transparent 50%);
            }
            .default-title-wrapper { display: none; } /* 移动端隐藏默认标题，避免重叠 */
            .hover-title-wrapper { position: relative; top: auto; transform: none; margin-bottom: 25px; }
            .card-content p { font-size: 15px; text-align: left; }
            .card-links { justify-content: flex-start; flex-direction: column; gap: 10px; }
            .card-links a { width: fit-content; }
        }

        @media (max-width: 480px) {
            header h1 { font-size: 36px; }
            .slogan { font-size: 28px; }
            .page-title { font-size: 32px; }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9498ecc */.container {
            max-width: 1400px;
            margin: -60px auto 80px;
            padding: 0 15px;
        }
        .page-title {
            text-align: center;
            font-size: 36px;
            color: #0d6efd;
            margin: 0 0 60px;
            font-weight: bold;
        }

        .solutions-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
            gap: 30px;
        }

        .solution-card {
            position: relative;
            min-height: 680px;
            border-radius: 24px;
            overflow: hidden;
            box-shadow: 0 15px 35px rgba(0,0,0,0.15);
            transition: all 0.5s ease;
            cursor: pointer;
            background: #fff;
        }

        .solution-card:hover {
            transform: translateY(-15px);
            box-shadow: 0 25px 50px rgba(0,0,0,0.25);
        }

        .card-image-wrapper {
            position: absolute;
            inset: 0;
            overflow: hidden;
            border-radius: 24px;
            z-index: 1;
        }
        .card-bg {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            transition: transform 1s ease;
            filter: brightness(0.9);
        }
        .solution-card:hover .card-bg {
            transform: scale(1.12);
        }

        .card-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.65));
            z-index: 2;
        }

        .default-title-wrapper {
            position: absolute;
            bottom: 60px;
            left: 50%;
            transform: translateX(-50%);
            text-align: center;
            z-index: 5;
            transition: opacity 0.5s ease;
        }
        .solution-card:hover .default-title-wrapper {
            opacity: 0;
        }
        .card-icon {
            font-size: 56px;
            color: #fff;
            text-shadow: 0 4px 12px rgba(0,0,0,0.8);
        }
        .default-title {
            color: #fff;
            font-size: 32px;
            font-weight: bold;
            text-shadow: 0 4px 12px rgba(0,0,0,0.8);
            background: rgba(0,0,0,0.5);
            padding: 8px 20px;
            border-radius: 12px;
            backdrop-filter: blur(6px);
        }

        .card-content {
            position: absolute;
            inset: 0;
            padding: 40px;
            color: #fff;
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease;
            z-index: 6;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
        }
        .solution-card:hover .card-content {
            opacity: 1;
            transform: translateY(0);
        }

        .hover-title-wrapper {
            margin-bottom: 20px;
            text-align: center;
        }
        .hover-title-icon {
            font-size: 52px;
            text-shadow: 0 4px 12px rgba(0,0,0,0.9);
        }
        .hover-title {
            font-size: 28px;
            font-weight: bold;
            text-shadow: 0 4px 12px rgba(0,0,0,0.9);
            background: rgba(0,0,0,0.5);
            padding: 8px 20px;
            border-radius: 12px;
            backdrop-filter: blur(8px);
        }

        .card-content p {
            font-size: 16px;
            margin: 0 0 25px;
            text-shadow: 0 2px 6px rgba(0,0,0,0.8);
            text-align: center;
            word-break: break-word;
            hyphens: auto;
        }

        .card-links {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            justify-content: center;
        }
        .card-links a {
            display: flex;
            align-items: center;
            gap: 8px;
            background: rgba(255,255,255,0.25);
            padding: 10px 18px;
            border-radius: 50px;
            backdrop-filter: blur(8px);
            border: 1px solid rgba(255,255,255,0.3);
            transition: all 0.3s;
            font-weight: 600;
            font-size: 15px;
            white-space: nowrap;
            color:#fff;
        }
        .card-links a:hover {
            background: #0d6efd;
            transform: translateY(-4px);
        }

        /* 移动端优化 - 核心修复 */
        @media (max-width: 992px) {
            .solutions-grid { grid-template-columns: 1fr; gap: 40px; }
            .solution-card { min-height: auto; height: auto; }
            .card-content {
                position: relative;
                opacity: 1;
                transform: none;
                padding: 80px 20px 40px;
                background: linear-gradient(to top, rgba(0,0,0,0.9), transparent 50%);
            }
            .default-title-wrapper { display: none; } /* 移动端隐藏默认标题，避免重叠 */
            .hover-title-wrapper { position: relative; top: auto; transform: none; margin-bottom: 25px; }
            .card-content p { font-size: 15px; text-align: left; }
            .card-links { justify-content: flex-start; flex-direction: column; gap: 10px; }
            .card-links a { width: fit-content; }
        }

        @media (max-width: 480px) {
            header h1 { font-size: 36px; }
            .slogan { font-size: 28px; }
            .page-title { font-size: 32px; }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b6b5139 */.container {
            max-width: 1400px;
            margin: -60px auto 80px;
            padding: 0 15px;
        }
        .page-title {
            text-align: center;
            font-size: 36px;
            color: #0d6efd;
            margin: 0 0 60px;
            font-weight: bold;
        }

        .solutions-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
            gap: 30px;
        }

        .solution-card {
            position: relative;
            min-height: 680px;
            border-radius: 24px;
            overflow: hidden;
            box-shadow: 0 15px 35px rgba(0,0,0,0.15);
            transition: all 0.5s ease;
            cursor: pointer;
            background: #fff;
        }

        .solution-card:hover {
            transform: translateY(-15px);
            box-shadow: 0 25px 50px rgba(0,0,0,0.25);
        }

        .card-image-wrapper {
            position: absolute;
            inset: 0;
            overflow: hidden;
            border-radius: 24px;
            z-index: 1;
        }
        .card-bg {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            transition: transform 1s ease;
            filter: brightness(0.9);
        }
        .solution-card:hover .card-bg {
            transform: scale(1.12);
        }

        .card-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.65));
            z-index: 2;
        }

        .default-title-wrapper {
            position: absolute;
            bottom: 60px;
            left: 50%;
            transform: translateX(-50%);
            text-align: center;
            z-index: 5;
            transition: opacity 0.5s ease;
        }
        .solution-card:hover .default-title-wrapper {
            opacity: 0;
        }
        .card-icon {
            font-size: 56px;
            color: #fff;
            text-shadow: 0 4px 12px rgba(0,0,0,0.8);
        }
        .default-title {
            color: #fff;
            font-size: 32px;
            font-weight: bold;
            text-shadow: 0 4px 12px rgba(0,0,0,0.8);
            background: rgba(0,0,0,0.5);
            padding: 8px 20px;
            border-radius: 12px;
            backdrop-filter: blur(6px);
        }

        .card-content {
            position: absolute;
            inset: 0;
            padding: 40px;
            color: #fff;
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease;
            z-index: 6;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
        }
        .solution-card:hover .card-content {
            opacity: 1;
            transform: translateY(0);
        }

        .hover-title-wrapper {
            margin-bottom: 20px;
            text-align: center;
        }
        .hover-title-icon {
            font-size: 52px;
            text-shadow: 0 4px 12px rgba(0,0,0,0.9);
        }
        .hover-title {
            font-size: 28px;
            font-weight: bold;
            text-shadow: 0 4px 12px rgba(0,0,0,0.9);
            background: rgba(0,0,0,0.5);
            padding: 8px 20px;
            border-radius: 12px;
            backdrop-filter: blur(8px);
        }

        .card-content p {
            font-size: 16px;
            margin: 0 0 25px;
            text-shadow: 0 2px 6px rgba(0,0,0,0.8);
            text-align: center;
            word-break: break-word;
            hyphens: auto;
        }

        .card-links {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            justify-content: center;
        }
        .card-links a {
            display: flex;
            align-items: center;
            gap: 8px;
            background: rgba(255,255,255,0.25);
            padding: 10px 18px;
            border-radius: 50px;
            backdrop-filter: blur(8px);
            border: 1px solid rgba(255,255,255,0.3);
            transition: all 0.3s;
            font-weight: 600;
            font-size: 15px;
            white-space: nowrap;
            color:#fff;
        }
        .card-links a:hover {
            background: #0d6efd;
            transform: translateY(-4px);
        }

        /* 移动端优化 - 核心修复 */
        @media (max-width: 992px) {
            .solutions-grid { grid-template-columns: 1fr; gap: 40px; }
            .solution-card { min-height: auto; height: auto; }
            .card-content {
                position: relative;
                opacity: 1;
                transform: none;
                padding: 80px 20px 40px;
                background: linear-gradient(to top, rgba(0,0,0,0.9), transparent 50%);
            }
            .default-title-wrapper { display: none; } /* 移动端隐藏默认标题，避免重叠 */
            .hover-title-wrapper { position: relative; top: auto; transform: none; margin-bottom: 25px; }
            .card-content p { font-size: 15px; text-align: left; }
            .card-links { justify-content: flex-start; flex-direction: column; gap: 10px; }
            .card-links a { width: fit-content; }
        }

        @media (max-width: 480px) {
            header h1 { font-size: 36px; }
            .slogan { font-size: 28px; }
            .page-title { font-size: 32px; }
        }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b76b3e4 */.underline {
    width: 80px;
    height: 4px;
    background:#00ff88;
    margin: 0 auto;
}/* End custom CSS */