/* @font-face {
  font-family: 'AlibabaPuHuiTi';
  src: url('../font/AlibabaPuHuiTi-3-45-Light.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
} */

    @font-face {
        font-family: 'DOUYU';
        /*src: url('../font/DOUYUFont-Regular.ttf') format('truetype');*/
        font-style: normal;
        font-display: swap;
    }


    @font-face {
        font-family: "ysbth";
        /*src: url("../font/ysbth.ttf");*/
    }

    body {
        font-weight: 400;
        font-size: 14px;
        line-height: 1.6;
        background: #fff;
        color: #15181C;
        overflow-x: hidden;
        font-family: 'AlibabaPuHuiTi';
    }

    input[type="text"] {
        -webkit-appearance: none;
    }

    textarea {
        -webkit-appearance: none;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    figure {
        font-weight: 400;
    }

    ::-webkit-selection {
        color: #fff;

    }

    ::-moz-selection {
        color: #fff;

    }

    ::selection {
        color: #fff;
        background: #2962ff;
    }

    .text-lowercase {
        text-transform: lowercase;
    }

    .text-uppercase,
    .initialism {
        text-transform: uppercase;
    }

    .text-capitalize {
        text-transform: capitalize;
    }

    a {
        color: #6e6e6e;
        text-decoration: none;
    }

    a:focus,
    a:hover {

        transition: none;
    }

    a.text-gray:hover {
        color: #6e6e6e;
    }

    p {
        margin: 0;
    }

    dl,
    dd,
    ul,
    li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #KFLOGO, #iconDivMain1, #mobile_icon_div {
        display: none !important
    }

    .fixed {
        z-index: 9999;
    }

    .bg-gray {
        background: #f7f7f7;
    }

    .bg-sub {
        background: #6e6e6e;
    }

    /* 客服模块 */
    .kfside {
        position: fixed;
        right: 30px;
        top: 35%;
        z-index: 9999
    }

    .kfside ul {
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 4px 10px rgb(0 0 0 / 8%);
        -webkit-box-shadow: 0 4px 10px rgb(0 0 0 / 8%);
        -ms-box-shadow: 0 4px 10px rgb(0 0 0/8%);
        -moz-box-shadow: 0 4px 10px rgb(0 0 0/8%);
        -o-box-shadow: 0 4px 8px rgb(0 0 0/8%);
    }

    .kfside li {
        display: block;
        text-align: center;
        margin: 0 8px;
        border-bottom: 1px #ddd solid;
        padding: 8px 0;
        cursor: pointer;
        position: relative;
    }

    .kfside li:last-child {
        border-bottom: 0;
    }

    .kfside li .kfbtn span {
        font-size: 12px;
        opacity: 0.8;
    }

    .kfside li .kfbtn i {
        display: block;
        width: 100%;
        height: 24px;
        background-size: 24px !important;
        margin-bottom: 4px;
    }

    .kfside li .kfbtn {
        width: 56px;
        height: 56px;
        border-radius: 4px;
        display: flex;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .kfside li:hover .kfbtn {
        background: #2538FF;
        color: #fff;
    }

    .kfside.flex li .kfbtn span {
        color: #fff;
    }

    .kfside.flex ul {
        background: #2538FF;
    }

    .kfside.flex li:hover .kfbtn {
        background: #fff;
        color: #2538FF;
    }

    .kfside.flex li:hover .kfbtn span {
        color: #2538FF;
    }

    .kfside li i.ico1 {
        background: url(https://geo.yunluohudong.com/public/geo/template/fixed-service.png) no-repeat center;
    }

    .kfside li:hover i.ico1 {
        background: url(https://geo.yunluohudong.com/public/geo/template/fixed-service-white.png) no-repeat center;
    }

    .kfside.flex li i.ico1 {
        background: url(https://geo.yunluohudong.com/public/geo/template/fixed-service-white.png) no-repeat center;
    }

    .kfside.flex li:hover i.ico1 {
        background: url(https://geo.yunluohudong.com/public/geo/template/fixed-service-purple.png) no-repeat center;
    }


    .kfside li i.ico2 {
        background: url(https://geo.yunluohudong.com/public/geo/template/weixin.png) no-repeat center;
    }

    .kfside li:hover i.ico2 {
        background: url(https://geo.yunluohudong.com/public/geo/template/weixin-white.png) no-repeat center;
    }

    .kfside.flex li i.ico2 {
        background: url(https://geo.yunluohudong.com/public/geo/template/weixin-white.png) no-repeat center;
    }

    .kfside.flex li:hover i.ico2 {
        background: url(https://geo.yunluohudong.com/public/geo/template/weixin-purple.png) no-repeat center;
    }


    .kfside li i.ico3 {
        background: url(https://geo.yunluohudong.com/public/geo/template/fixed-phone.png) no-repeat center;
    }

    .kfside li:hover i.ico3 {
        background: url(https://geo.yunluohudong.com/public/geo/template/fixed-phone-white.png) no-repeat center;
    }

    .kfside.flex li i.ico3 {
        background: url(https://geo.yunluohudong.com/public/geo/template/fixed-phone-white.png) no-repeat center;
    }

    .kfside.flex li:hover i.ico3 {
        background: url(https://geo.yunluohudong.com/public/geo/template/fixed-phone-purple.png) no-repeat center;
    }

    .kfside #tophead {
        background: #fff;
        padding: 8px;
        border-radius: 8px;
        margin-top: 10px;
        cursor: pointer;
        box-shadow: 0 4px 10px rgb(0 0 0 / 8%);
        -webkit-box-shadow: 0 4px 10px rgb(0 0 0 / 8%);
        -ms-box-shadow: 0 4px 10px rgb(0 0 0/8%);
        -moz-box-shadow: 0 4px 10px rgb(0 0 0/8%);
        -o-box-shadow: 0 4px 8px rgb(0 0 0/8%);
    }

    .kfside #tophead i {
        background: url(https://geo.yunluohudong.com/public/geo/template/top.png) no-repeat center;
        width: 56px;
        height: 56px;
        display: block;
        background-size: 24px !important;
        border-radius: 8px;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s;
    }

    .kfside #tophead:hover i {
        background: url(https://geo.yunluohudong.com/public/geo/template/top-white.png) no-repeat center #2538FF;
    }

    .kfside.flex #tophead i {
        background: url(https://geo.yunluohudong.com/public/geo/template/top-white.png) no-repeat center;
    }

    .kfside.flex #tophead:hover i {
        background: url(https://geo.yunluohudong.com/public/geo/template/top-purple.png) no-repeat center #fff;
    }

    .kfside.flex #tophead {
        background: #2538FF;
    }

    .kfabs {
        display: none;
        position: absolute;
        width: 240px;
    }

    .kfabs > div {
        width: 220px;
        text-align: left;
        box-shadow: 0 4px 10px rgb(0 0 0 / 8%);
        -webkit-box-shadow: 0 4px 10px rgb(0 0 0 / 8%);
        -ms-box-shadow: 0 4px 10px rgb(0 0 0/8%);
        -moz-box-shadow: 0 4px 10px rgb(0 0 0/8%);
        -o-box-shadow: 0 4px 8px rgb(0 0 0/8%);
        padding: 6px;
        background: #fff;
        border-radius: 8px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        position: relative;
        align-items: center;
        margin-left: -12px;
    }


    .kfabs > div a {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
    }


    .kfabs > div:before {
        width: 0px;
        height: 0px;
        content: "";
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-left: 12px solid #fff;
        position: absolute;
        top: 50%;
        right: -8px;
        margin-top: -12px;
    }

    .kfside li:hover .kfabs {
        display: block;
    }


    .kfabs.btn1 i {
        display: block;
        background: url(https://geo.yunluohudong.com/public/geo/template/service.gif) no-repeat center;
        width: 54px;
        height: 54px;
        background-size: 54px;
        flex: 0 0 54px;
        margin-right: 10px;
    }

    .kfabs.btn1 span {
        flex: 1;
        text-align: left;
        font-size: 14px;
        letter-spacing: 0.04em;
        color: #1A2233
    }

    .kfabs.btn1 {
        left: -240px;
        top: -2px;
    }

    .kfabs.btn1 span em {
        opacity: 0.6;
        display: block;
        font-size: 12px;
    }

    .kfabs.btn2 span em {
        display: block;
        font-size: 12px;
        /*color:#595959;*/
    }

    .kfabs.btn2 span em i {
        color: #ff8624;
        font-style: normal;
    }

    .kfabs.btn2 {
        left: -206px;
        top: -75px;
        width: 206px;
    }

    .kfabs.btn2 img {
        width: 158px;
        /*height: 158px;*/
    }

    .kfabs.btn2 > div {
        flex-direction: column;
        width: 184px;
        text-align: center;
    }

    .kfabs.btn2 > div span {
        letter-spacing: 0.04em;
        font-weight: 500
    }

    .kfabs.btn3 i {
        background: url(https://geo.yunluohudong.com/public/geo/template/nav-tel.png) no-repeat 50%;
        width: 24px;
        height: 24px;
        flex: 0 0 24px;
        margin-right: 10px;
        background-size: contain;
    }

    .kfabs.btn3 span {
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-size: 12px;
    }

    .kfabs.btn3 {
        left: -230px;
        top: 10px;
    }


    /* Banner模块样式 */
    .banner-section {
        position: relative;
        width: 100%;
        min-height: 600px;
        overflow: hidden;
    }

    .banner-bg {
        position: relative;
        width: 100%;
        min-height: 600px;
        background: url(https://geo.yunluohudong.com/public/geo/template/banner-home-bg.png) no-repeat center center;
        background-size: cover;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .banner-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 2;
        position: relative;
        max-width: 1200px;
        margin: 0 auto;

        min-height: 600px;
    }

    .cta-btn {
        flex: 1;
    }

    .banner-right {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .tech-illustration {
        max-width: 100%;
        height: auto;
        margin-left: 60px;
        margin-top: -40px;
    }

    .banner-left {

        margin-bottom: 32px;

    }

    .banner-title {
        margin-bottom: 30px;
        line-height: 1.2;
    }

    .banner-title h1 {
        font-family: 'AlibabaPuHuiTi';
        font-weight: 600;
        font-size: 48px;
        color: #1A2233;
        margin: 0;
        line-height: 1.3;
    }

    .highlight-red {
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-weight: 700;
        font-size: 48px;
    }

    .highlight-sub-red {
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    .highlight-down {
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-weight: 600;
    }

    .highlight-up {
        color: #28a745;
        font-weight: 600;
    }

    .highlight-blue {
        font-family: 'DOUYU';
        font-weight: 400;
        font-size: 28px;


        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-variation-settings: "opsz" auto;
    }

    .highlight-bred {
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;

        font-family: 'DOUYU';
        font-weight: 400;
        font-size: 28px;
    }

    .banner-subtitle {
        margin-bottom: 40px;
    }

    .banner-subtitle p {
        font-size: 24px;
        color: #1A2233;
        margin: 0;
        line-height: 1.4;
    }

    .banner-cta {
        margin-bottom: 50px;
    }

    .cta-btn {
        display: inline-block;
        font-family: "AlibabaPuHuiTi";
        width: 314px;
        height: 48px;
        line-height: 48px;
        text-align: center;
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        color: #fff;

        cursor: pointer;
        border-radius: 8px;
        font-size: 18px;
        font-weight: 500;
        text-decoration: none;
        transition: all 0.3s ease;
    }

    .cta-btn:hover {
        background: #2538FF;
        color: #fff;
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(139, 126, 252, 0.3);
    }

    .ai-products {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
    }

    .ai-product-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        background-color: #fff;
        padding: 5px;
        border-radius: 8px;
    }

    .ai-product-item img {
        width: 80px;
        height: 80px;
        border-radius: 8px;
        object-fit: contain;
    }

    .ai-product-item span {
        font-size: 12px;
        color: #1A2233;
        text-align: center;
    }


    .zlbox {
        width: 100%;
        height: 94px;
        color: #1A2233;
        background: #fff;
    }

    .w1200 {
        width: 1200px;
        margin: 0 auto;
    }

    .zlbox ul {
        display: flex;
        padding: 12px 0;
        justify-content: space-between;
    }

    .zlbox .col {

        color: #2538FF;
    }

    .zlbox ul li i {
        display: block;
        width: 100%;
        height: 48px;
        text-align: center;
    }

    .zlbox ul li i img {
        width: 50px;
        -webkit-transition: all 334ms ease-in-out;
        transition: all 334ms ease-in-out;
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        cursor: pointer;
        vertical-align: middle;
        border: 0;
    }

    .zlbox ul li i:hover img {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }


    /* 服务能力模块样式 */
    .service-capabilities {
        padding: 60px 0;
        background: #fff;
    }

    .service-capabilities .container {
        max-width: 1200px;
        margin: 0 auto;

    }

    .service-title {
        text-align: center;
        margin-bottom: 40px;
        position: relative;
    }

    .service-title h2 {
        font-size: 40px;
        font-weight: bold;
        color: #15181C;;
        margin-bottom: 15px;
        position: relative;
    }

    .service-title h2::before {
        content: "";
        position: absolute;
        bottom: -11px;
        left: 50%;
        transform: translateX(-50%);
        width: 120px;
        height: 1px;
        background: #ddd;
    }

    .service-title h2::after {
        content: "";
        position: absolute;
        bottom: -11px;
        left: 50%;
        transform: translateX(-50%);
        width: 60px;
        height: 3px;
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
    }

    .service-title p {
        max-width: 600px;
        font-size: 16px;
        color: #15181C;
        line-height: 1.6;
        text-align: center;
        margin: 0 auto;
        padding-top: 14px;
    }

    .service-title p .highlight {
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-weight: 500;
    }

    .service-cards {
        display: flex;
        gap: 30px;
        flex-wrap: wrap;
    }

    .service-card {
        flex: 0 0 calc(25% - 22.5px);
        background: #F7F9FB;
        border-radius: 12px;
        padding: 30px 25px;
        box-shadow: 0 4px 16px rgba(79, 70, 229, 0.08);
        border: 1px solid rgba(79, 70, 229, 0.1);
        position: relative;
        -webkit-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
        -ms-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
        -moz-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
        -o-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
        display: flex;
        flex-direction: column;
        height: 280px;
        overflow: hidden;
        box-sizing: border-box;
        will-change: transform;
    }

    .service-card:hover {
        transform: translateY(-10px) !important;
        box-shadow: 0 12px 32px rgba(79, 70, 229, 0.22) !important;
        border: 1px solid #4f46e5 !important;
    }

    .service-card:hover .service-card-btn.secondary {
        background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
        color: #fff !important;
        border-color: #4f46e5 !important;
    }

    .service-card-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .service-card-title {
        font-size: 20px;
        font-weight: bold;
        color: #15181C;;
        position: relative;
    }

    .service-card-title::after {
        content: "";
        position: absolute;
        bottom: -5px;
        left: 0;
        width: 30px;
        height: 2px;
        background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
    }

    .service-card-icon {
        width: 32px;
        height: 32px;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .service-card-desc {
        font-size: 14px;
        color: #1A2233;
        line-height: 1.6;
        margin-bottom: 25px;
        flex: 1;
    }

    .service-card-btn {
        display: block;
        width: 132px;
        height: 40px;
        line-height: 40px;
        border-radius: 25px;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
        transition: all 0.3s ease;
        border: 1px solid transparent;
        text-align: center;
        margin: 0 auto;
        margin-top: auto;
    }

    .service-card-btn.primary {
        background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
        color: #fff;
    }

    .service-card-btn.secondary {
        background: #fff;
        color: #4f46e5;
        border-color: #4f46e5;
    }

    .service-card-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(79, 70, 229, 0.3);
    }

    /* 软件人才外包模块样式 */
    .software-outsourcing {
        padding: 60px 0;
        background: #F7F9FB;
    }

    .software-outsourcing .container {
        max-width: 1200px;
        margin: 0 auto;

    }

    .position-cards {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 20px;
        margin-bottom: 40px;
    }

    .position-card {
        background: #fff;
        border-radius: 12px;
        padding: 25px 15px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
        border: 1px solid rgba(79, 70, 229, 0.1);
        text-align: center;
        -webkit-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
        -ms-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
        -moz-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
        -o-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
        cursor: pointer;
        will-change: transform;
    }

    .position-card:hover {
        transform: translateY(-10px) !important;
        box-shadow: 0 12px 32px rgba(79, 70, 229, 0.22) !important;
        border: 1px solid #4f46e5 !important;
    }

    .position-icon {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 15px;
    }

    .position-icon img {
        width: 72px;
        height: 72px;
    }

    .position-title {
        font-size: 14px;
        font-weight: 500;
        color: #15181C;;
        line-height: 1.4;
    }

    .more-positions-btn {
        text-align: center;
    }

    .more-btn {
        display: inline-flex;
        align-items: center;
        padding: 12px 24px;
        background: #fff;
        border: 1px solid #4f46e5;
        border-radius: 25px;
        color: #4f46e5;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
        transition: all 0.3s ease;
    }

    .more-btn:hover {
        background: #4f46e5;
        color: #fff;
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(79, 70, 229, 0.3);
    }

    .more-icon {
        margin-left: 8px;
    }

    .arrow-right {
        width: 16px;
        height: 16px;
        margin-left: 8px;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg>') no-repeat center;
        background-size: contain;
    }

    @media (max-width: 1360px) {
        .banner-content {
            max-width: 1200px;
        }
    }

    /* 响应式设计 */
    @media (max-width: 1024px) {
        .banner-section {
            min-height: 500px;
        }

        .banner-bg {
            min-height: 500px;
        }

        .banner-content {
            flex-direction: column;
            text-align: center;
            padding: 40px 20px;
        }

        .banner-left {
            padding-right: 0;
            margin-bottom: 40px;
        }

        .banner-title h1 {
            font-size: 36px;
        }

        .banner-subtitle p {
            font-size: 20px;
        }

        .ai-products {
            justify-content: center;
        }

        /* 荣誉证书模块响应式 */
        .w1200 {
            width: 100%;

        }

        .zlbox {
            height: auto;
            padding: 20px 0;
        }

        .zlbox ul {
            flex-wrap: wrap;

        }

        .zlbox ul li {
            flex: 0 0 calc(25% - 12px);
            text-align: center;
            flex-direction: column;
            align-items: center;
        }

        .zlbox ul li i {
            height: 40px;
        }

        .zlbox ul li i img {
            max-height: 40px;
            width: auto;
        }

        .zlbox ul li span {
            font-size: 12px;
            display: block;
            margin-top: 8px;
        }


        /* 服务能力模块响应式 */
        .service-capabilities {
            padding: 60px 0;
        }

        .service-title h2 {
            font-size: 32px;
        }

        .service-cards {
            gap: 20px;
        }

        .service-card {
            flex: 0 0 calc(25% - 15px);
            padding: 40px 20px 52px 20px;
            height: 260px;
            border-radius: 16px;
        }

        .service-card-title {
            font-size: 18px;
        }

        .service-card-desc {
            font-size: 13px;
            min-height: 70px;
        }

        /* 软件人才外包模块响应式 - 桌面端 */
        .software-outsourcing {
            padding: 60px 0;
        }

        .position-cards {
            grid-template-columns: repeat(7, 1fr);
            gap: 15px;
        }

        .position-card {
            padding: 20px 10px;
        }

        .position-icon {
            width: 50px;
            height: 50px;
        }

        .position-icon img {
            width: 28px;
            height: 28px;
        }

        .position-title {
            font-size: 13px;
        }
    }

    @media (max-width: 768px) {
        body {
            overflow-x: hidden;
        }

        .kfside {
            display: none;
        }

        .banner-section {
            min-height: 400px;
        }

        .banner-bg {
            min-height: 400px;
        }

        .banner-content {
            flex-direction: column;
            text-align: left;
            padding: 15px;
        }

        .banner-left {
            padding-right: 0;
            margin-bottom: 30px;
            padding: 20px;
        }

        .banner-title {
            margin-bottom: 16px;
            line-height: 1.2;
        }

        .banner-title h1 {
            font-size: 28px;
        }

        .banner-subtitle {
            margin-bottom: 16px;
        }

        .banner-cta {
            margin-bottom: 36px;
        }

        .highlight-red {
            font-size: 28px;
            display: inline-block;
            margin-top: 10px;
        }

        .banner-subtitle p {
            font-size: 18px;
        }

        .cta-btn {

            font-size: 16px;
        }

        .service-title {
            margin-bottom: 20px !important
        }

        .ai-products {
            justify-content: start;
            gap: 15px;
        }

        .ai-product-item img {
            width: 40px;
            height: 40px;
        }

        .ai-product-item span {
            font-size: 10px;
        }

        /* 荣誉证书模块响应式 - 平板 */
        .w1200 {
            width: 100%;
            padding: 0 15px;
        }

        .zlbox {
            height: 134px;
            padding: 15px 0;
        }

        .zlbox ul {
            flex-wrap: wrap;
            padding: 0px;
            justify-content: center;
            /* 居中排列更美观 */
        }

        .zlbox ul li {
            flex: 0 0 23%;
            /* 一行放 2 个（根据需求调整宽度） */
            margin-bottom: 10px;
            text-align: center;
            flex-direction: column;
            align-items: center;
        }

        .zlbox ul li i {
            height: 35px;
        }

        .zlbox ul li i img {
            max-height: 35px;
            width: auto;
        }

        .zlbox ul li span {
            font-size: 11px;
            display: block;
            margin-top: 6px;
        }

        /* 服务能力模块响应式 - 平板 */
        .service-capabilities {
            padding: 50px 0;
        }

        .service-title h2 {
            font-size: 28px;
        }

        .service-title p {
            font-size: 12px;
            width: 82%;
            padding-top: 12px !important;
        }

        .service-cards {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }

        .service-card {
            flex: none;
            padding: 30px 20px;
            height: auto;
            min-height: 220px;
            border-radius: 16px;
            display: flex;
            flex-direction: column;
        }

        .service-card-title {
            font-size: 18px;
        }

        .service-card-desc {
            font-size: 13px;
            min-height: auto;
            flex: 1;
            margin-bottom: 20px;
        }

        .service-card-btn {
            margin-top: auto;
            align-self: center;
        }

        /* 软件人才外包模块响应式 - 平板 */
        .software-outsourcing {
            padding: 50px 0;
        }

        .position-cards {
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
        }

        .position-card {
            padding: 20px 15px;
        }

        .position-icon {
            width: 55px;
            height: 55px;
        }

        .position-icon img {
            width: 30px;
            height: 30px;
        }

        .position-title {
            font-size: 14px;
        }
    }

    @media (max-width: 480px) {
        body {
            overflow-x: hidden;
        }

        .banner-section {
            min-height: 350px;
        }

        .banner-bg {
            min-height: 350px;
        }

        .banner-content {
            flex-direction: column;
            text-align: left;
            padding: 20px 10px;
        }

        .banner-left {
            padding-right: 0;
            margin-bottom: 20px;
            padding: 20px
        }

        .banner-title h1 {
            font-size: 28px;
            text-align: left;
        }

        .banner-subtitle {
            margin-bottom: 16px;
        }

        .banner-cta {
            margin-bottom: 36px;
        }

        .highlight-red {
            font-size: 28px;
            display: inline-block;
            margin-top: 10px;
        }

        .banner-subtitle p {
            font-size: 16px;
            text-align: left;
        }

        .cta-btn {
            width: 260px;
            height: 40px;
            line-height: 40px;
            font-size: 14px;
        }

        .ai-products {
            justify-content: start;
            gap: 10px;
        }

        .ai-product-item img {
            width: 45px;
            height: 45px;
        }

        .ai-product-item span {
            font-size: 9px;
        }

        /* 荣誉证书模块响应式 - 手机 */
        .w1200 {
            width: 100%;
            padding: 0 10px;
        }

        .zlbox {
            height: 134px;
            padding: 10px 0;
        }

        .zlbox ul {
            flex-wrap: wrap;

        }

        .zlbox ul li {

            text-align: center;
            align-items: center;
        }

        .zlbox ul li i {
            height: 28px;
        }

        .zlbox ul li i img {
            max-height: 28px;
            width: auto;
        }

        .zlbox ul li span {
            font-size: 9px;
            display: block;
            margin-top: 4px;
        }

        /* 服务能力模块响应式 - 手机 */
        .service-capabilities {
            padding: 40px 0;
        }

        .service-title h2 {
            font-size: 24px;
        }

        .service-title p {
            font-size: 12px;
            width: 82%;
            padding-top: 12px !important;
        }

        .service-cards {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 15px;
        }

        .service-card {
            flex: none;
            padding: 25px 15px;
            height: auto;
            min-height: 200px;
            border-radius: 16px;
            display: flex;
            flex-direction: column;
        }

        .service-card-title {
            font-size: 16px;
        }

        .service-card-desc {
            font-size: 12px;
            min-height: auto;
            flex: 1;
            margin-bottom: 15px;
        }

        .service-card-btn {
            margin-top: auto;
            align-self: center;

            font-size: 12px;
            width: 100px;
        }

        /* 软件人才外包模块响应式 - 手机 */
        .software-outsourcing {
            padding: 40px 0;
        }

        .position-cards {
            grid-template-columns: repeat(3, 1fr);
            gap: 10px;
        }

        .position-card {
            padding: 15px 10px;
        }

        .position-icon {
            width: 45px;
            height: 45px;
            margin-bottom: 10px;
        }

        .position-icon img {
            width: 24px;
            height: 24px;
        }

        .position-title {
            font-size: 12px;
        }

        .more-btn {
            padding: 10px 20px;
            font-size: 13px;
        }
    }

    /* GEO模块样式 */
    .geo-benefits {
        padding: 60px 0;
        background: #F7F9FB;
    }

    .geo-benefits .container {
        max-width: 1200px;
        margin: 0 auto;
    }

    .benefits-cards {
        display: flex;
        gap: 30px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .benefit-card {
        flex: 0 0 calc(33.333% - 20px);
        background: #fff;
        border-radius: 12px;
        padding: 40px 24px;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
        border: 1px solid rgba(0, 0, 0, 0.1);
        position: relative;
        -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        -ms-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        -moz-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        -o-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        transition: all 1s cubic-bezier(.4, 0, .2, 1);
        display: flex;
        flex-direction: column;
        min-height: 400px;
        cursor: pointer;
        will-change: transform;
    }

    .benefit-card:hover {
        transform: translateY(-10px) !important;
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15) !important;
        border: 1px solid #2538FF !important;
    }

    .benefit-icon {
        margin-bottom: 25px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #E5E5E5;
        padding-bottom: 20px;
        transition: border-color 0.3s ease;
    }

    .benefit-card:hover .benefit-icon {
        border-bottom-color: #2538FF;
    }

    .benefit-icon img {
        width: 50px;
        height: 50px;
        object-fit: contain;
        transition: transform 0.3s ease;
    }

    .benefit-card:hover .benefit-icon img {
        transform: scale(1.1);
    }

    .benefit-title {
        font-size: 24px;
        font-weight: 600;
        color: #15181C;
        line-height: 1.3;
        transition: color 0.3s ease;
    }

    .benefit-card:hover .benefit-title {
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    .benefit-desc {
        font-size: 16px;
        color: #1A2233;
        line-height: 32px;
        flex: 1;
    }

    .benefit-subsection {
        /* margin-bottom: 15px; */
        line-height: 1.4;
    }

    .benefit-subsection:last-child {
        margin-bottom: 0;
    }

    .benefit-subsection strong {
        color: #1A2233;
        font-weight: 600;

    }

    .highlight-down {
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-weight: 600;
    }

    .highlight-up {
        color: #28a745;
        font-weight: 600;
    }

    .highlight-sub-red {
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-weight: 600;
    }


    /* 团队实力模块样式 */
    .team-strength {
        padding: 60px 0;
        background: #F7F9FB;
    }

    .team-strength .container {
        max-width: 1200px;
        margin: 0 auto;
    }

    .team-photos {
        margin-top: 50px;
        background: #F0F0FB;
        padding: 8px;
        border-radius: 12px;
    }

    .main-photo {
        margin-bottom: 20px;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    }

    .main-photo img {
        width: 100%;
        height: auto;
        display: block;
        transition: transform 0.3s ease;
    }

    .main-photo:hover img {
        transform: scale(1.02);
    }

    .sub-photos {
        display: flex;
        gap: 18px;
        justify-content: space-between;
    }

    .sub-photo {

        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);

        will-change: transform;
    }

    .big-photo {
        width: 640px;
    }

    .sub-photo:hover {
        transform: translateY(-10px) !important;
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15) !important;
    }

    .sub-photo img {
        width: 100%;
        height: 100%;
        display: block;
        transition: transform 0.3s ease;
    }

    .sub-photo:hover img {
        transform: scale(1.05);
    }

    .last-photo {
        display: none;
    }


    /* 行业权威认可模块样式 */
    .industry-recognition {
        padding: 60px 0;
        background: #fff;
    }

    .industry-recognition .container {
        max-width: 1200px;
        margin: 0 auto;

    }

    .recognition-tabs {
        margin-top: -20px;
    }

    .recognition-tabs .tab-nav {
        display: flex;
        justify-content: center;
        gap: 360px;
        margin-bottom: 40px;
        position: relative;
    }

    .recognition-tabs .tab-nav::after {
        content: '';
        position: absolute;
        bottom: -20px;
        left: 0;
        right: 0;
        height: 1px;
        background: #e5e7eb;
    }

    .recognition-tabs .tab-btn {
        background: none;
        border: none;
        padding: 0px 24px;
        font-size: 24px;
        font-weight: bold;
        color: #1A2233;
        cursor: pointer;
        position: relative;
        transition: all 0.3s ease;
        font-weight: 500;
    }

    .recognition-tabs .tab-btn:hover {
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    .recognition-tabs .tab-btn.active {
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-weight: 600;
    }

    .recognition-tabs .tab-btn.active::after {
        content: '';
        position: absolute;
        bottom: -21px;
        left: 50%;
        transform: translateX(-50%);
        width: 80px;
        height: 3px;
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        border-radius: 2px;
        z-index: 1;
    }

    .recognition-tabs .tab-content {
        position: relative;
        margin-top: 40px;
    }

    .recognition-tabs .tab-panel {
        display: none;
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.4s ease, transform 0.4s ease;
    }

    .recognition-tabs .tab-panel.active {
        display: block;
        opacity: 1;
        transform: translateY(0);
    }

    .certificates-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
    }

    .certificate-item {
        background: #F0F6FF;
        width: 18%;
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 20px 0;
        box-sizing: border-box;
        -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        -ms-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        -moz-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        -o-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        transition: all 1s cubic-bezier(.4, 0, .2, 1);
        text-align: center;
        height: 260px;
        will-change: transform;
    }

    .certificate-item:hover {
        transform: translateY(-10px) !important;
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15) !important;
        /* border: 1px solid  !important; */
    }

    .certificate-image {
        width: 100%;
        height: 196px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 12px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .certificate-image img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        object-fit: contain;
        display: block;
        transition: transform 0.3s ease;
    }

    .certificate-item:hover .certificate-image img {
        transform: scale(1.05);
    }

    .certificate-label {
        font-size: 14px;
        color: #1A2233;
        line-height: 1.4;
        font-weight: 500;
        padding: 10px;

        box-sizing: border-box;
    }

    /* 响应式设计 */
    @media (max-width: 1024px) {
        /* GEO模块响应式 */
        .geo-benefits {
            padding: 60px 0;
        }

        .benefits-cards {
            gap: 20px;
        }

        .benefit-card {
            flex: 0 0 calc(33.333% - 13.33px);
            padding: 30px 20px;
            min-height: 350px;
        }

        .benefit-icon {
            margin-bottom: 20px;
            padding-bottom: 15px;
        }

        .benefit-icon img {
            width: 45px;
            height: 45px;
        }

        .benefit-title {
            font-size: 18px;
        }

        .benefit-desc {
            font-size: 13px;
        }


        /* 团队实力模块响应式 - 桌面端 */
        .team-strength {
            padding: 60px 0;
        }

        .team-photos {
            margin-top: 40px;
        }

        .main-photo {
            margin-bottom: 25px;
        }

        .sub-photos {
            gap: 15px;
        }


        /* 行业权威认可模块响应式 - 桌面端 */
        .industry-recognition {
            padding: 60px 0;
        }

        .recognition-tabs {
            margin-top: 40px;
        }

        .recognition-tabs .tab-nav {
            gap: 30px;
            margin-bottom: 35px;
        }

        .recognition-tabs .tab-btn {
            padding: 10px 20px;
            font-size: 16px;
        }


    }

    @media (max-width: 768px) {
        /* GEO模块响应式 - 平板 */
        .geo-benefits {
            padding: 50px 0;
        }

        .benefits-cards {
            flex-direction: column;
            gap: 20px;
        }

        .benefit-card {
            flex: 0 0 100%;
            min-height: auto;
        }

        .benefit-icon {
            margin-bottom: 20px;
            padding-bottom: 15px;
        }

        .benefit-icon img {
            width: 45px;
            height: 45px;
        }

        .benefit-title {
            font-size: 18px;
        }

        .benefit-desc {
            font-size: 14px;
        }


        /* 团队实力模块响应式 - 平板 */
        .team-strength {
            padding: 30px 0;
        }

        .team-photos {
            margin-top: 35px;
        }

        .main-photo {
            margin-bottom: 20px;
        }

        .sub-photos {
            display: flex;
            flex-wrap: wrap;

            gap: 12px;
        }

        .last-photo {
            display: block;
        }


        /* 行业权威认可模块响应式 - 平板 */
        .industry-recognition {
            padding: 30px 0;
        }

        .recognition-tabs {
            margin-top: 35px;
        }

        .recognition-tabs .tab-nav {
            gap: 100px;
            margin-bottom: 30px;
        }

        .recognition-tabs .tab-btn {
            padding: 9px 18px;
            font-size: 16px;
            font-weight: 600;
        }

        .certificates-grid {
            padding: 0 16px;
            gap: 0px;
            justify-content: space-between;
        }

        .certificate-item {
            width: calc(50% - 8px);
            margin-bottom: 16px;
            height: 220px;
        }

        .certificate-image {
            margin-bottom: 0px;
            height: 160px !important;
        }

        .certificate-image img {
            max-height: 100%
        }

        /* IT人力外包资讯模块响应式 - 平板 */
        .it-news {
            padding: 50px 0;
        }

        .news-content {
            flex-direction: column;
            gap: 20px;
        }

        .latest-news {
            width: 100% !important
        }

        .news-item {
            gap: 15px;
        }

        .news-image {
            width: 100px;
            height: 70px;
        }


        /* IT人力外包资讯模块响应式 - 桌面端 */
        .it-news {
            padding: 60px 0;
        }

        .news-content {
            gap: 25px;
        }

        .hot-news {
            padding: 25px;
        }

        .latest-news {
            width: 280px;
            padding: 25px;
        }


    }

    @media (max-width: 480px) {
        /* GEO模块响应式 - 手机 */
        .geo-benefits {
            padding: 40px 0;
        }

        .benefits-cards {
            gap: 15px;
        }

        .benefit-card {
            padding: 20px 15px;
            /* 移动端触摸优化 */
            -webkit-tap-highlight-color: transparent;
            touch-action: manipulation;
        }

        /* 移动端hover效果优化 */
        .benefit-card:active {
            transform: translateY(-4px);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
        }

        .benefit-icon {
            margin-bottom: 10px;
            padding-bottom: 12px;

            align-items: flex-start;
            gap: 10px;
        }

        .benefit-icon img {
            width: 40px;
            height: 40px;
        }

        .benefit-title {
            font-size: 16px;
            margin-top: 6px;
        }

        .benefit-desc {
            font-size: 13px;
        }

        .benefit-subsection {
            margin-bottom: 12px;

        }

        .benefit-subsection strong {
            font-size: 13px;
        }


        /* 团队实力模块响应式 - 手机 */
        .team-strength {
            padding: 30px 0;
        }

        .team-photos {
            margin-top: 30px;
        }

        .main-photo {
            margin-bottom: 7px;
        }

        .sub-photos {
            flex-direction: row !important;
            flex-wrap: wrap !important;
            gap: 7px !important;
        }

        .sub-photo {
            width: calc(50% - 4px) !important;
            flex: 0 0 calc(50% - 4px) !important;
            max-width: calc(50% - 4px) !important;
            min-width: calc(50% - 4px) !important;
        }

        .last-photo {
            display: block;
        }

        /* 行业权威认可模块响应式 - 手机 */
        .industry-recognition {
            padding: 30px 0;
        }

        .recognition-tabs {
            margin-top: 30px;
        }

        .recognition-tabs .tab-nav {
            gap: 100px;
            margin-bottom: 25px;
        }

        .recognition-tabs .tab-btn {
            padding: 8px 16px;
            font-size: 16px;
            font-weight: 600;

        }

        .certificates-grid {
            padding: 0 16px;
            gap: 0px;
            justify-content: space-between;
        }

        .certificate-item {
            width: calc(50% - 8px);
            margin-bottom: 16px;
            height: 220px;
        }

        .certificate-image {
            width: 100%;
            margin-bottom: 0px;
            height: 160px !important;
        }

        .certificate-image img {
            max-height: 100%
        }

        .certificate-label {
            font-size: 12px;
        }

        /* IT人力外包资讯模块响应式 - 手机 */
        .it-news {
            padding: 40px 0;
        }

        .news-content {
            flex-direction: column;
            gap: 20px;
        }

        .latest-news {
            width: 100%;
            padding: 20px;
        }

        .news-item {
            flex-direction: column;
            gap: 15px;
            padding: 15px;
            border-radius: 8px;
        }

        .news-item:hover {
            border: 1px solid #2538FF;
            background: rgba(79, 70, 229, 0.02);
        }

        .news-image {
            width: 100%;
            height: 150px;
        }

        .news-title {
            font-size: 15px;
        }

        .news-desc {
            font-size: 13px;
        }

        .latest-news-item {
            padding: 10px 0;
        }

        .latest-title {
            font-size: 13px;
        }

        .latest-date {
            font-size: 11px;
        }


    }


    /* IT人力外包资讯模块样式 */
    .it-news {
        padding: 60px 0;
        background: #F7F9FB !important;
    }

    .it-news .container {
        max-width: 1200px;
        margin: 0 auto;
        width: 100%;
    }

    .news-content {
        display: flex;
        gap: 30px;
        margin-top: 50px;
    }

    .hot-news {
        flex: 1;
        background: #fff;
        border-radius: 12px;
        padding: 30px;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    }

    .latest-news {
        width: 300px;
        background: #fff;
        border-radius: 12px;
        padding: 30px;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    }

    .news-header {
        display: flex;
        align-items: center;
        margin-bottom: 25px;
    }

    .news-header img {
        width: 28px;
        margin-right: 6px;
    }

    .news-header h3 {
        font-size: 20px;
        font-weight: bold;
        color: #1A2233;
        margin: 0;
    }

    .news-header .news-icon {
        display: inline-block;
        width: 16px;
        margin-left: 6px;
    }


    .news-list {
        margin-bottom: 25px;
    }

    .news-item {
        display: flex;
        gap: 20px;
        padding: 20px 0;
        -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        -ms-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        -moz-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        -o-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        transition: all 1s cubic-bezier(.4, 0, .2, 1);
        text-decoration: none;
        color: inherit;
        will-change: transform;
    }

    .news-item:hover {
        /* transform: translateY(-10px) !important; */
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15) !important;
        border: 1px solid #2538FF !important;
        border-radius: 8px;
        padding: 19px 15px;
        background: rgba(79, 70, 229, 0.02);
    }

    .news-image {
        width: 120px;
        /*height: auto;*/
        height: 120px;
        border-radius: 8px;
        overflow: hidden;
        flex-shrink: 0;
    }

    .news-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .news-item:hover .news-image img {
        transform: scale(1.05);
    }

    .news-info {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .news-title {
        font-size: 16px;
        font-weight: bold;
        color: #1A2233;
        margin: 0 0 10px 0;
        line-height: 1.4;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .news-desc {
        font-size: 14px;
        color: #15181C;
        line-height: 1.6;
        margin: 0 0 10px 0;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        flex: 1;
    }

    .news-time {
        font-size: 12px;
        color: #999;
    }

    .news-divider {
        height: 1px;
        background: #e5e7eb;
        margin: 0;
    }

    .news-more {
        text-align: center;
    }

    .more-news-btn {
        display: inline-flex;
        align-items: center;
        padding: 12px 24px;
        background: #fff;
        border: 1px solid #2538FF;
        border-radius: 25px;
        color: #2538FF;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
        transition: all 0.3s ease;
    }
    
    .more-news-btn span{
        color: #2538FF;
    }

    .more-news-btn:hover {
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        color: #fff;
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(79, 70, 229, 0.3);
    }
    .more-news-btn:hover span{
        color: #fff;
    }
    .latest-news-list {
        margin-top: 20px;
    }

    .latest-news-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 0;
        -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        -ms-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        -moz-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        -o-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        transition: all 1s cubic-bezier(.4, 0, .2, 1);
        cursor: pointer;
        text-decoration: none;
        color: inherit;
        will-change: transform;
    }

    .latest-news-item:hover {
        transform: translateY(-5px) !important;

    }

    .latest-news-item:hover .latest-title {
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    .latest-title {
        font-size: 14px;
        color: #1A2233;
        flex: 1;
        line-height: 1.4;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .latest-date {
        font-size: 12px;
        color: #999;
        margin-left: 10px;
    }


    /* 传统SEO和GEO（AI SEO）的区别模块样式 */
    .seo-comparison {
        padding: 60px 0;
        background: #fff;
    }

    .seo-comparison .container {
        max-width: 1200px;
        margin: 0 auto;

    }

    .comparison-container {
        /* display: flex; */
        height: 496px;

        align-items: stretch;
        position: relative;
    }

    .comparison-card {
        position: absolute;

        width: 620px;
        border-radius: 16px;
        padding: 20px;

    }

    .traditional-seo {
        left: 0;
        background: url('https://geo.yunluohudong.com/public/geo/template/v_01.png') no-repeat;
        background-size: cover;

    }

    .geo-seo {
        right: 0;
        background: url('https://geo.yunluohudong.com/public/geo/template/v_02.png') no-repeat;
        background-size: cover;

    }


    .vs-divider {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 70px;
        height: 70px;
        z-index: 10;
    }

    .vs-divider img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .card-header {
        margin-bottom: 20px;
        position: relative;
        z-index: 2;
    }

    .card-title {
        display: flex;
        align-items: center;
        gap: 15px;
        margin-bottom: 20px;
    }

    .traditional-seo .card-title {
        justify-content: flex-start;
    }

    .geo-seo .card-title {
        justify-content: flex-end;
    }

    .card-title .title-icon {
        width: 70px;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
    }

    .title-text1 {
        color: #3C63FD;
    }

    .title-text2 {
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    .title-sub-icon {
        margin-top: 2px;
    }

    .title-icon img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .card-title h3 {
        font-size: 22px;
        font-weight: bold;
        margin: 0;
    }

    .geo-seo .card-title h3 {
        font-size: 22px;
        font-weight: bold;
        margin: 0;
        text-align: right;
    }


    .platform-icons {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        margin-top: 15px;
    }

    .traditional-seo .platform-icons {
        justify-content: flex-start;
    }

    .geo-seo .platform-icons {
        justify-content: flex-end;
    }


    .card-content {
        display: flex;
        flex-direction: column;
        gap: 12px;
        position: relative;
        z-index: 2;
        width: 100%;
        max-width: 470px;
    }

    .geo-seo .card-content {
        justify-content: flex-end;
        text-align: right;
        margin-left: auto;
        max-width: 500px;
    }

    .content-section {
        width: 100%;
        padding: 12px;
        min-height: 110px;
        border-radius: 12px;
        opacity: 1;
        background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.6) 98%);
    }

    .content-section h4 {
        font-size: 16px;
        font-weight: bold;
        margin: 0 0 10px 0;
        color: #15181C;
        position: relative;
    }

    .content-section h4::before {
        content: '';
        position: absolute;
        bottom: -4px;
        width: 64px;
        height: 1px;
        background: #ddd;
    }

    .geo-seo .content-section h4::before {
        content: '';
        position: absolute;
        bottom: -4px;
        right: 0 !important;
        width: 64px;
        height: 1px;
        background: #ddd;
    }

    .content-section p {
        font-size: 12px;
        line-height: 18px;
        color: #15181C;
        margin: 0;
    }

    /* 响应式设计 */
    @media (max-width: 1024px) {
        .comparison-container {
            flex-direction: column;
            gap: 30px;
        }

        .vs-divider {
            position: static;
            transform: none;
            margin: 20px auto;
            width: 60px;
            height: 60px;
        }

        .comparison-card {
            padding: 30px 25px;
        }

        .card-content {
            width: 100% !important;
            margin-left: 0 !important;
        }

        .geo-seo .card-content {
            justify-content: flex-start !important;
            text-align: left !important;
            margin-left: 0 !important;
        }

        .content-section {
            width: 100% !important;
            height: auto !important;
            min-height: 128px;
        }

        .geo-seo .content-section h4::before {
            right: auto !important;
            left: 0 !important;
        }
    }

    @media (max-width: 768px) {
        .seo-comparison {
            padding: 20px 0;
        }

        .comparison-container {
            display: flex;
            align-items: stretch;
            position: relative;
            gap: 20px;
            height: auto;
        }

        .comparison-card {
            position: static;
            padding: 16px;
            background: #fff !important;
            max-width: 100%;
        }

        .traditional-seo {
            background: #f0f8ff !important;
        }

        .geo-seo {
            background: #fff5f5 !important;
        }

        .card-title {
            flex-direction: row;
            text-align: left;
            gap: 8px;
            justify-content: flex-start !important;
        }

        .geo-seo .card-title {
            justify-content: flex-start !important;
            text-align: left;
            /* 重新排序：图标在左，文本在右 */
            flex-direction: row-reverse;
        }

        .title-icon {
            width: 60px;
            height: 60px;
            margin: 0;
            /* 确保图标不收缩 */
            flex-shrink: 0;
        }

        .title-text1,
        .title-text2 {
            text-align: left;
            flex: 1;
        }

        .geo-seo .title-text2 {
            text-align: left;
            /* 确保文本部分占据剩余空间 */
            flex: 1;
        }

        .title-text1 h3,
        .title-text2 h3 {
            font-size: 18px;
            margin: 0;
            text-align: left !important;
        }

        .geo-seo .title-text2 h3 {
            text-align: left !important;
        }

        .title-sub-icon {
            margin: 10px 0 0;
            display: block;
            width: 90px;
            height: auto;
        }

        .geo-seo .title-sub-icon {
            margin: 10px 0 0 0;
            width: 150px;
            height: auto;
        }

        .card-content {
            width: 100% !important;
            max-width: none !important;
            margin-left: 0 !important;
        }

        .geo-seo .card-content {
            justify-content: flex-start !important;
            text-align: left !important;
            margin-left: 0 !important;
        }

        .content-section {
            width: 100% !important;
            height: auto !important;
            min-height: 100px;
            padding: 15px;
            background: rgba(255, 255, 255, 0.8);
            border-radius: 8px;
            margin-bottom: 10px;
        }

        .content-section h4 {
            font-size: 16px;
            text-align: left;
        }

        .geo-seo .content-section h4 {
            text-align: left !important;
        }

        .geo-seo .content-section h4::before {
            right: auto !important;
            left: 0 !important;
        }

        .content-section p {
            font-size: 13px;
            text-align: left;
        }

        .geo-seo .content-section p {
            text-align: left !important;
        }

        .vs-divider {
            position: absolute;
            top: 42.6%;
            left: 44%;
            width: 50px;
            height: 50px;
        }
    }

    @media (max-width: 480px) {
        .seo-comparison {
            padding: 20px 0;
        }

        .comparison-container {
            gap: 15px;
        }

        .comparison-card {
            padding: 16px;
            background: #fff !important;
            transition: none !important;
            border: none !important;
            max-width: 100%;
        }

        .comparison-card:hover {
            transform: none !important;
            box-shadow: none !important;
            border: none !important;
        }

        .traditional-seo {
            background: #f0f8ff !important;
        }

        .geo-seo {
            background: #fff5f5 !important;
        }

        .card-title {
            flex-direction: row;
            text-align: left;
            gap: 8px;
            justify-content: flex-start !important;
        }

        .geo-seo .card-title {
            justify-content: flex-start !important;
            text-align: left;
            /* 重新排序：图标在左，文本在右 */
            flex-direction: row-reverse;
        }

        .title-icon {
            width: 50px;
            height: 50px;
            margin: 0;
            /* 确保图标不收缩 */
            flex-shrink: 0;
        }

        .title-text1,
        .title-text2 {
            text-align: left;
            flex: 1;
        }

        .geo-seo .title-text2 {
            text-align: left;
            /* 确保文本部分占据剩余空间 */
            flex: 1;
        }

        .title-text1 h3,
        .title-text2 h3 {
            font-size: 16px;
            margin: 0;
            text-align: left !important;
        }

        .geo-seo .title-text2 h3 {
            text-align: left !important;
        }

        .title-sub-icon {
            margin: 0;
            display: block;
            width: 90px;
            height: auto;
        }

        .geo-seo .title-sub-icon {
            margin: 0px 0 0 0;
            width: 150px;
            height: auto;
        }

        .card-content {
            width: 100% !important;
            margin-left: 0 !important;
        }

        .geo-seo .card-content {
            justify-content: flex-start !important;
            text-align: left !important;
            margin-left: 0 !important;
        }

        .content-section {
            width: 100% !important;
            height: auto !important;
            min-height: 80px;
            padding: 12px;
            background: rgba(255, 255, 255, 0.8);
            border-radius: 6px;
            margin-bottom: 8px;
        }

        .content-section h4 {
            font-size: 14px;
            text-align: left;
        }

        .geo-seo .content-section h4 {
            text-align: left !important;
        }

        .geo-seo .content-section h4::before {
            right: auto !important;
            left: 0 !important;
            width: 40px;
        }

        .content-section p {
            font-size: 12px;
            text-align: left;
            line-height: 1.5;
        }

        .geo-seo .content-section p {
            text-align: left !important;
        }

        .vs-divider {
            width: 40px;
            height: 40px;
            position: absolute;
            top: 43%;
            left: 44%;

        }
    }

    /* 让AI将你的品牌直接精准推荐给用户模块 begin */
    .ai-brand-recommendation {
        padding: 60px 0;
        background: url('https://geo.yunluohudong.com/public/geo/template/banner-home-bg3.png') no-repeat center center;
        background-size: cover;
        position: relative;
        height: 770px;
    }


    .ai-brand-recommendation .container {
        position: relative;
        z-index: 2;
        max-width: 1200px;
        margin: 0 auto;

    }

    .ai-brand-recommendation .service-title {
        text-align: center;
        margin-bottom: 40px;
    }

    .ai-brand-recommendation .service-title h2 {
        font-size: 36px;
        font-weight: bold;
        color: #1A2233;
        margin-bottom: 20px;
    }

    .ai-brand-recommendation .service-title p {
        font-size: 16px;
        color: #15181C;
        line-height: 1.6;
    }

    .ai-platforms {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 30px;
        flex-wrap: wrap;
    }

    .ai-platforms img {
        width: 600px;
    }

    .platform-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        transition: all 0.3s ease;
    }

    .platform-item:hover {
        transform: translateY(-5px);
    }

    .platform-item img {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        object-fit: contain;
    }

    .platform-item span {
        font-size: 14px;
        color: #1A2233;
        font-weight: 500;
    }

    .chat-demo {
        position: relative;
        max-width: 600px;
        margin: 0 auto;
    }

    .chat-container {
        padding: 40px 0px;
        margin-bottom: 40px;
        position: relative;
    }


    .chat-question {
        display: flex;
        align-items: center;
        gap: 15px;
        margin-bottom: 10px;
        background: #fff;
        padding: 16px;
        font-weight: bold;
        border-radius: 15px;
    }

    .question-icon {
        width: 40px;
        height: 40px;
        background: #2196f3;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-weight: bold;
        font-size: 18px;
    }

    .question-icon span,.answer-icon span {
        color: #fff;
    }

    .question-text {
        flex: 1;
        font-size: 16px;
        color: #1A2233;
    }

    .ask-ai-btn {
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        color: #fff;
        border: none;
        padding: 10px 20px;
        border-radius: 20px;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .ask-ai-btn:hover {
        background: #2538FF;
        transform: translateY(-2px);
    }

    .chat-answer {
        display: flex;
        align-items: center;
        gap: 15px;
        background: #FFF;
        padding: 16px;
        font-weight: bold;
        border-radius: 15px;
    }

    .answer-icon {
        width: 40px;
        height: 40px;
        background: #2538FF;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-weight: bold;
        font-size: 16px;
    }

    .answer-text {
        flex: 1;
        font-size: 16px;
        color: #1A2233;
    }

    .ai-answer-btn {
        background: #2538FF;
        color: #fff;
        border: none;
        padding: 10px 20px;
        border-radius: 20px;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .ai-answer-btn:hover {
        background: #2538FF;
        transform: translateY(-2px);
    }

    .surrounding-questions {
        position: relative;
        height: 0;
        overflow: visible;
    }

    .question-bubble {
        position: absolute;
        background: url('https://geo.yunluohudong.com/public/geo/template/v_13.png') no-repeat center center;
        background-size: contain;


        height: 46px;
        line-height: 46px;
        min-width: 280px;
        text-align: center;
        transition: all 0.3s ease;
        z-index: 10;
    }


    .bubble-content {
        font-size: 13px;
        color: #1A2233;
        line-height: 1.4;
    }

    .top-left {
        top: 0px;
        left: -300px;
        width: 275px;
        height: 55px;
        line-height: 55px;
    }

    .top-right {
        top: 0;
        right: -280px;
    }

    .mid-left {
        top: 40%;
        left: -376px;
        width: 366px;
        height: 66px;
        line-height: 66px;
        font-size: 16px;
    }

    .mid-right {
        top: 40%;
        right: -320px;
        height: 50px;
        line-height: 50px;
        font-size: 15px;
    }

    .bottom-left {
        bottom: -50px;
        left: -210px;
        height: 74px;
        line-height: 74px;
        width: 376px;
        font-size: 18px;
    }

    .bottom-right {
        bottom: -40px;
        right: -140px;
        height: 56px;
        line-height: 56px;
        width: 300px;
        font-size: 16px;
    }

    .bottom-center {
        bottom: -126px;
        left: -75px;
        width: 294px;
        height: 58px;
        line-height: 58px;
        font-size: 14px;
    }

    .bottom-mid {
        bottom: -134px;
        right: -46px;
        height: 74px;
        line-height: 74px;
        width: 376px;
        font-size: 18px;
    }

    /* 响应式设计 */
    @media (max-width: 1024px) {
        .ai-platforms {
            gap: 20px;
        }

        .platform-item img {
            width: 50px;
            height: 50px;
        }

        .chat-container {
            padding: 30px;
        }

        .surrounding-questions {
            height: 0;
        }

        .question-bubble {
            min-width: 240px;
            height: 40px;
            line-height: 40px;
            font-size: 13px;
        }

        .top-left {
            top: 18px;
            left: -250px;
        }

        .top-right {
            top: 14px;
            right: -200px;
        }

        .mid-left {
            top: 40%;
            left: -260px;
            height: 44px;
            width: 275px;
            line-height: 44px;
            font-size: 13px;
        }

        .mid-right {
            top: 40%;
            right: -240px;
            height: 44px;
            line-height: 44px;
            font-size: 13px;
        }

        .bottom-left {
            bottom: -30px;
            left: -110px;
            height: 48px;
            line-height: 48px;
            width: 260px;
            font-size: 14px;
        }

        .bottom-right {
            bottom: -70px;
            right: -80px;
            height: 48px;
            line-height: 48px;
            width: 260px;
            font-size: 14px;
        }

        .bottom-center {
            bottom: -90px;
            left: 20px;
        }
    }

    @media (max-width: 768px) {
        .ai-brand-recommendation {
            padding: 50px 0;
            height: 610px;
            background-size: initial
        }

        .ai-brand-recommendation .service-title h2 {
            font-size: 24px;
            line-height: 1.3;
        }

        .ai-brand-recommendation .service-title p {
            font-size: 14px;
        }

        .ai-platforms {
            gap: 15px;
            margin-bottom: 20px;
        }

        .ai-platforms img {
            width: 100%;
            height: auto;
        }

        .chat-demo {
            position: relative;
            max-width: 100%;
            margin: 0 auto;
            padding: 0px;
        }

        .chat-container {
            padding: 0px;
            margin: 0;
            position: relative;
        }

        .chat-question,
        .chat-answer {
            padding: 12px;
            border-radius: 12px;
        }

        .chat-answer-mobile {
            height: 200px;
        }

        .question-icon,
        .answer-icon {
            width: 32px;
            height: 32px;
            font-size: 12px;
        }

        .question-text,
        .answer-text {
            font-size: 13px;
        }

        .ask-ai-btn,
        .ai-answer-btn {
            padding: 6px 12px;
            font-size: 11px;
        }

        .surrounding-questions {
            height: auto;
            margin-top: 30px;
            display: flex;
            flex-direction: column;
            gap: 15px;
            align-items: stretch;
            padding: 0 15px;
        }

        .question-bubble {
            position: static;
            min-width: 200px;
            max-width: none;
            width: auto;
            height: 40px;
            line-height: 40px;
            font-size: 12px;
            text-align: center;
            margin: 0;
            display: inline-block;
            padding: 0 20px;
        }

        /* 移动端只显示前4个问题气泡 */
        .top-left,
        .top-right,
        .mid-left,
        .mid-right {
            position: absolute;
            transform: none;
            height: 40px;
            line-height: 40px;
            font-size: 12px;
            display: inline-block;
            padding: 0 20px;
        }

        /* 隐藏多余的问题气泡 */
        .bottom-left,
        .bottom-right,
        .bottom-mid,
        .bottom-center {
            display: none;
        }

        .top-left {
            top: 120px;
            left: -64px;
            background-image: url('https://geo.yunluohudong.com/public/geo/template/v_30.png');
            background-size: contain;
            background-repeat: no-repeat;
            width: 270px;
            height: 440px;
            text-align: left;
        }

        .top-right {
            top: 180px;
            right: -66px;
            background-image: url('https://geo.yunluohudong.com/public/geo/template/v_31.png');
            background-size: contain;
            background-repeat: no-repeat;
            width: 270px;
            height: 440px;
            text-align: right;
        }

        .mid-left {
            top: 240px;
            left: -64px;
            background-image: url('https://geo.yunluohudong.com/public/geo/template/v_30.png');
            background-size: contain;
            background-repeat: no-repeat;
            width: 270px;
            height: 440px;
            text-align: left;
        }

        .mid-right {
            top: 300px;
            right: -66px;
            background-image: url('https://geo.yunluohudong.com/public/geo/template/v_31.png');
            background-size: contain;
            background-repeat: no-repeat;
            width: 270px;
            height: 440px;
            text-align: right;
        }

        .top-left, .mid-left {
            text-align: left;
            padding-left: 80px;
        }

        .top-right, .mid-right {
            text-align: right;
            padding-right: 80px;
        }

        .bottom-mid {
            display: none !important;
        }

    }

    @media (max-width: 480px) {
        .ai-brand-recommendation {
            padding: 30px 0;
        }

        .ai-brand-recommendation .service-title h2 {
            font-size: 20px;
            line-height: 1.4;
            margin-bottom: 15px;
        }

        .ai-brand-recommendation .service-title p {
            font-size: 13px;
        }

        .ai-platforms {
            gap: 10px;
            margin-bottom: 20px;
        }

        .ai-platforms img {
            width: 100%;
            height: auto;
        }

        .chat-demo {
            position: relative;
            max-width: 100%;
            margin: 0 auto;
            padding: 0px;
        }

        .chat-container {
            padding: 0px;
            margin: 0;
            position: relative;
        }

        .chat-question,
        .chat-answer {
            padding: 10px;
            border-radius: 10px;
        }

        .chat-answer-mobile {
            height: 200px;
        }

        .question-icon,
        .answer-icon {
            width: 28px;
            height: 28px;
            font-size: 11px;
        }

        .question-text,
        .answer-text {
            font-size: 12px;
        }

        .ask-ai-btn,
        .ai-answer-btn {
            padding: 5px 10px;
            font-size: 10px;
        }

        .surrounding-questions {
            height: auto;
            margin-top: 25px;
            display: flex;
            flex-direction: column;
            gap: 12px;
            align-items: stretch;
            padding: 0 10px;
        }

        .question-bubble {
            position: static;
            min-width: 180px;
            max-width: none;
            width: auto;
            height: 36px;
            line-height: 36px;
            font-size: 11px;
            text-align: center;
            margin: 0;
            display: inline-block;
            padding: 0 15px;
        }

        /* 移动端只显示前4个问题气泡 */
        .top-left,
        .top-right,
        .mid-left,
        .mid-right {
            position: absolute;
            transform: none;

            width: 100%;
            background-size: auto;
            height: 46px;
            line-height: 46px;
            margin-top: 16px;
            font-size: 13px;
            display: inline-block;
            padding: 0 15px;
            font-weight: 400;
        }

        .top-left, .mid-left {
            text-align: left;
            padding-left: 90px;
        }

        .top-right, .mid-right {
            text-align: right;
            padding-right: 90px;
        }

        /* 隐藏多余的问题气泡 */
        .bottom-left,
        .bottom-right,
        .bottom-center {
            display: none;
        }


    }

    /* 让AI将你的品牌直接精准推荐给用户模块 end */

    /* 为什么选择 模块 begin */
    .why-choose-feiyou {
        padding: 60px 0 120px 0;
        background: #F7F9FB;
    }

    .why-choose-feiyou .container {
        max-width: 1200px;
        margin: 0 auto;

    }

    .why-choose-feiyou .service-title {
        text-align: center;
        margin-bottom: 40px;
    }

    .why-choose-feiyou .service-title h2 {
        font-size: 36px;
        font-weight: bold;
        color: #1A2233;
        margin-bottom: 20px;
    }

    .why-choose-feiyou .service-title p {
        font-size: 16px;
        color: #15181C;
        line-height: 1.6;
        max-width: 640px;
    }

    .feiyou-advantages {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
        font-family: 'AlibabaPuHuiTi';
        box-sizing: border-box;
    }

    .advantage-card {
        background: #fff;
        border-radius: 16px;
        padding: 20px 24px;
        text-align: center;
        position: relative;
        transition: all 1s cubic-bezier(.4, 0, .2, 1);
        will-change: transform;
        border: 1px solid transparent;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    }

    .advantage-card:hover {
        transform: translateY(-10px) !important;
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15) !important;
        border: 1px solid #2538FF !important;
    }

    .advantage-icon {
        width: 60px;
        height: 60px;
        margin: 0 auto 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        border-radius: 50%;
    }

    .advantage-icon img {
        width: 40px;
        height: 40px;
        object-fit: contain;
    }

    .advantage-title {
        font-size: 20px;
        font-weight: bold;
        color: #1A2233;
        margin: 0 0 20px 0;
    }

    .advantage-desc {
        margin-bottom: 30px;
        color: rgba(21, 24, 28, 0.7)

    }

    .advantage-desc p {
        font-size: 14px;
        color: rgba(21, 24, 28, 0.7);
        line-height: 1.8;
        text-align: center;
        height: 180px;
        margin: 0;
    }

    .highlight-number {
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-weight: bold;
        font-size: 16px;
    }

    .advantage-action {
        margin-top: auto;
    }

    .consult-btn {
        display: inline-block;
        width: 132px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background: #fff;
        border: 1px solid rgba(26, 34, 51, 0.1);
        border-radius: 25px;
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
        transition: all 0.3s ease;
        cursor: pointer;
    }

    .consult-btn:hover {
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        color: #fff !important;
        -webkit-text-fill-color: aliceblue;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgb(146 148 241);
    }

    .consult-btn :visited {
        color: #fff;
    }

    /* 响应式设计 */
    @media (max-width: 1200px) {
        .feiyou-advantages {
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }
    }

    @media (max-width: 768px) {
        .why-choose-feiyou {
            padding: 60px 0;
        }

        .why-choose-feiyou .service-title h2 {
            font-size: 28px;
        }

        .why-choose-feiyou .service-title p {
            font-size: 14px;
        }

        .feiyou-advantages {
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
        }

        .advantage-card {
            padding: 30px 25px;
        }

        .advantage-title {
            font-size: 18px;
        }

        .advantage-desc {
            margin-bottom: 10px;
        }

        .advantage-desc p {
            font-size: 13px;
            line-height: 1.6;
        }

        .consult-btn {

            font-size: 13px;
        }
    }

    @media (max-width: 480px) {
        .why-choose-feiyou {
            padding: 40px 0;
        }

        .why-choose-feiyou .service-title h2 {
            font-size: 24px;
        }

        .why-choose-feiyou .service-title p {
            font-size: 13px;
        }

        .feiyou-advantages {
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
        }

        .advantage-card {
            padding: 25px 20px;
        }

        .advantage-icon {
            width: 50px;
            height: 50px;
            margin-bottom: 0px;
        }

        .advantage-icon img {
            width: 35px;
            height: 35px;
        }

        .advantage-title {
            font-size: 16px;
            margin-bottom: 15px;
        }

        .advantage-desc {
            margin-bottom: 10px;
        }

        .advantage-desc p {
            font-size: 12px;
            line-height: 1.6;
        }

        .highlight-number {
            font-size: 14px;
        }

        .consult-btn {

            font-size: 12px;
        }
    }

    /* 为什么选择 模块 end */

    /* GEO（AI SEO）优化案例模块 begin */
    .geo-cases {
        padding: 60px 0;
        background: #fff;
    }

    .geo-cases .container {
        max-width: 1200px;
        margin: 0 auto;

    }

    .geo-cases .service-title {
        text-align: center;
        margin-bottom: 60px;
    }

    .geo-cases .service-title h2 {
        font-size: 36px;
        font-weight: bold;
        color: #1A2233;
        margin-bottom: 20px;
    }

    .geo-cases .service-title p {
        font-size: 16px;
        color: #15181C;
        line-height: 1.6;
    }

    .cases-grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 24px;
        margin-bottom: 60px;
    }

    .case-item {
        position: relative;
        background: #fff;
        border-radius: 12px;
        padding: 30px 20px;
        text-align: center;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        transition: all 1s cubic-bezier(.4, 0, .2, 1);
        will-change: transform;
        border: 1px solid transparent;
        overflow: hidden;
    }

    .case-item:hover {
        transform: translateY(-10px) !important;
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15) !important;
        border: 1px solid #2538FF !important;
    }

    .case-logo {
        width: 100%;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
    }

    .case-logo img {
        max-width: 240px;
        max-height: 120px;
        object-fit: contain;
    }

    .case-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        border-radius: 12px;
        overflow: hidden;
    }

    .case-item:hover .case-overlay {
        opacity: 1;
        visibility: visible;
    }

    .overlay-bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;

        background: rgba(187, 188, 249, 0.6);
    }

    .case-action {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
    }

    .view-case-btn {
        display: inline-block;
        padding: 12px 24px;
        background: #fff;
        color: #2538FF;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
        border-radius: 25px;
        transition: all 0.3s ease;
        white-space: nowrap;
    }

    .view-case-btn:hover {
        background: #fff;
        transform: translateY(-2px);
        color: #2538FF;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    }

    .case-highlight {
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        color: #fff;
    }

    .case-highlight .case-logo img {
        filter: brightness(0) invert(1);
    }

    .case-label {
        position: absolute;
        bottom: 15px;
        left: 50%;
        transform: translateX(-50%);
        background: rgba(255, 255, 255, 0.9);
        color: #2538FF;
        padding: 8px 16px;
        border-radius: 15px;
        font-size: 12px;
        font-weight: 500;
        white-space: nowrap;
    }

    .cases-actions {
        text-align: center;
        display: flex;
        gap: 20px;
        justify-content: center;
        align-items: center;
    }

    .more-cases-btn {
        display: inline-block;
        width: 200px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background: #fff;
        border: 1px solid #2538FF;
        border-radius: 25px;
        color: #2538FF;
        text-decoration: none;
        font-size: 16px;
        font-weight: 500;
        transition: all 0.3s ease;
        cursor: pointer;
    }

    .more-cases-btn:hover {
        background: #2538FF;
        color: #fff;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgb(146 148 241);
    }

    .consult-now-btn {
        display: inline-block;
        padding: 12px 30px;
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        border: 1px solid #2538FF;
        border-radius: 25px;
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        font-weight: 500;
        transition: all 0.3s ease;
    }

    .consult-now-btn:hover {
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        border-color: #2538FF;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(121, 114, 248, 0.4);
    }

    /* 响应式设计 */
    @media (max-width: 1200px) {
        .cases-grid {
            grid-template-columns: repeat(4, 1fr);
            gap: 25px;
        }
    }

    @media (max-width: 992px) {
        .cases-grid {
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }
    }

    @media (max-width: 768px) {
        .geo-cases {
            padding: 60px 0;
        }

        .geo-cases .service-title h2 {
            font-size: 28px;
        }

        .geo-cases .service-title p {
            font-size: 14px;
        }

        .cases-grid {
            grid-template-columns: repeat(3, 1fr);
            gap: 15px;
            margin-bottom: 40px;
        }

        .case-item {
            padding: 20px 15px;
        }

        .case-item:nth-child(n+9) {
            display: none;
        }

        .case-logo {
            height: 60px;
            margin-bottom: 15px;
        }

        .case-logo img {
            max-width: 100px;
            max-height: 50px;
        }

        .cases-actions {
            flex-direction: column;
            gap: 15px;
        }

        .more-cases-btn,
        .consult-now-btn {
            width: 160px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-size: 14px;
        }

        .view-case-btn {
            padding: 10px 20px;
            font-size: 13px;
        }

        .case-label {
            font-size: 11px;
            padding: 6px 12px;
        }
    }

    @media (max-width: 480px) {
        .geo-cases {
            padding: 40px 0;
        }

        .geo-cases .service-title h2 {
            font-size: 24px;
        }

        .geo-cases .service-title p {
            font-size: 13px;
        }

        .cases-grid {
            grid-template-columns: repeat(3, 1fr);
            gap: 12px;
            margin-bottom: 30px;
        }

        .case-item {
            padding: 15px 10px;
        }

        .case-item:nth-child(n+9) {
            display: none;
        }

        .case-logo {
            height: 50px;
            margin-bottom: 10px;
        }

        .case-logo img {
            max-width: 80px;
            max-height: 40px;
        }

        .more-cases-btn,
        .consult-now-btn {
            width: 160px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-size: 14px;
        }

        .view-case-btn {
            padding: 8px 16px;
            font-size: 12px;
        }

        .case-label {
            font-size: 10px;
            padding: 5px 10px;
        }
    }

    /* GEO（AI SEO）优化案例模块 end */

    /* GEO（AI SEO）优化合作流程模块 begin */
    .geo-cooperation-process {
        padding: 60px 0;
        background: url('https://geo.yunluohudong.com/public/geo/template/v_25.png') no-repeat center center;
        background-size: cover;
        position: relative;
    }

    .geo-cooperation-process .container {
        position: relative;
        z-index: 2;
        max-width: 1400px;
        margin: 0 auto;

    }

    .geo-cooperation-process .service-title {
        text-align: center;
        margin-bottom: 60px;
    }

    .geo-cooperation-process .service-title h2 {
        font-size: 36px;
        font-weight: bold;
        color: #1A2233;
        margin-bottom: 20px;
    }

    .process-steps {
        display: flex;

        justify-content: space-between;
        align-items: stretch;
    }

    .process-step {
        position: relative;
        background: url('https://geo.yunluohudong.com/public/geo/template/v_26.png') no-repeat;
        background-size: cover;
        border-radius: 16px;

        text-align: center;
        transition: all 1s cubic-bezier(.4, 0, .2, 1);
        will-change: transform;

        overflow: hidden;
        min-height: 200px;
        flex: 1;
    }

    .process-step:hover {
        transform: translateY(-10px) !important;

    }

    .step-number {
        position: absolute;
        top: 16px;
        left: 30px;
        width: 30px;
        height: 30px;
        background: url('https://geo.yunluohudong.com/public/geo/template/v_27.png') no-repeat center center;
        background-size: contain;
        color: #fff;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        font-size: 16px;
        font-weight: bold;
        margin: 0 auto 20px auto;
    }

    .step-content {
        padding: 0 20px 0 36px;
        margin-top: 54px
    }

    .step-title {
        font-size: 16px;
        font-weight: bold;
        color: #1A2233;
        text-align: left;
        margin: 0 0 6px 0;
        line-height: 1.4;
    }

    .step-desc {
        font-size: 13px;
        color: #1A2233;
        line-height: 24px;
        margin: 0;
        text-align: left;
    }

    /* 响应式设计 */
    @media (max-width: 1200px) {
        .process-steps {
            flex-wrap: wrap;
            gap: 0px;
        }


    }

    @media (max-width: 768px) {
        .geo-cooperation-process {
            padding: 30px 0;
            background-size: cover !important;
            background: url('https://geo.yunluohudong.com/public/geo/template/v_29.png') no-repeat center center;

        }

        .geo-cooperation-process .service-title h2 {
            font-size: 28px;
        }

        .process-steps {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            justify-content: space-between;
        }

        .process-step {
            flex: 0 0 calc(50% - 7.5px);
            width: calc(50% - 7.5px);
            padding: 10px 10px;
            height: 180px;
            background-size: contain;
            margin-bottom: 16px;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
        }

        .step-number {
            width: 35px;
            height: 35px;
            font-size: 18px;
            margin: 0 auto 15px auto;
            flex-shrink: 0;
        }

        .step-title {
            font-size: 14px;
            margin-bottom: 10px;
            flex-shrink: 0;
        }

        .step-content {
            padding: 0 6px 0 20px;
            margin-top: 50px;
        }

        .step-desc {
            font-size: 12px;
            line-height: 1.4;
            flex: 1;
            text-align: left;
        }
    }

    @media (max-width: 480px) {
        .geo-cooperation-process {
            padding: 30px 0;
            background-size: cover;
            background-position: center;
            background: url('https://geo.yunluohudong.com/public/geo/template/v_29.png') no-repeat center center;

        }

        .geo-cooperation-process .service-title h2 {
            font-size: 24px;
        }

        .process-steps {
            gap: 0px;
            justify-content: space-between;
            padding-top: 20px;
        }

        .process-step {
            flex: 0 0 calc(50% - 0px);
            width: calc(50% - 0px);
            padding: 10px;
            height: 170px !important;
            min-height: 170px !important;

            background-image: url('https://geo.yunluohudong.com/public/geo/template/v_35.png');
            background-size: cover;
            background-position: center;
            box-sizing: border-box;
        }

        .step-content {
            padding: 0 6px 0 20px;
            margin-top: 40px;
        }

        .step-number {
            width: 30px;
            height: 30px;
            font-size: 16px;
            top: 20px;
            margin: 0 auto 10px auto;
        }

        .step-title {
            font-size: 12px;
            margin-bottom: 8px;
            line-height: 1.3;
        }

        .step-desc {
            font-size: 11px;
            line-height: 1.4;
            text-align: left;
        }
    }

    /* GEO（AI SEO）优化合作流程模块 end */

    /* 关于 模块 begin */
    .about-feiyou {
        padding: 60px 0 100px 0;
        background: #fff;
    }

    .about-feiyou .container {
        max-width: 1200px;
        margin: 0 auto;

    }

    .about-feiyou .service-title {
        text-align: center;
        margin-bottom: 60px;
    }

    .about-feiyou .service-title h2 {
        font-size: 40px;
        font-weight: bold;
        color: #1A2233;
        margin-bottom: 20px;
    }

    .about-content {
        display: flex;

    }

    .about-left {
        flex: 0 0 44%;
    }

    .about-image {
        width: 480px;
        height: 400px;
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
    }

    .about-image img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
    }

    .about-right {
        flex: 1;
        width: 660px
    }

    .about-subtitle {
        font-size: 32px;
        font-weight: bold;
        color: #15181C;
        margin: 0 0 30px 0;
    }

    .about-desc {
        font-size: 16px;
        color: rgba(21, 24, 28, 0.7);
        line-height: 1.8;
        margin: 0 0 30px 0;
        text-align: justify;
    }

    .highlight-year,
    .highlight-code,
    .highlight-service,
    .highlight-number {
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-weight: bold;
    }

    .about-stats {
        display: flex;
        gap: 20px;

    }

    .stat-item {
        text-align: center;
        flex: 1;
        background: #FFFFFF;

        box-shadow: 0px 2px 16px 0px rgba(211, 223, 242, 0.8);
        padding: 40px 16px;
        border-radius: 12px;

        transition: all 0.3s ease;
    }

    .stat-number {
        font-size: 28px;
        font-weight: bold;
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        margin-bottom: 10px;
        line-height: 1;
        text-align: left;
    }

    .count-number {
        display: inline-block;
    }

    .stat-label {
        font-size: 17px;
        color: #1A2233;
        line-height: 1.4;
        text-align: left;
    }

    /* 数字滚动动画 */
    @keyframes countUp {
        from {
            opacity: 0;
            transform: translateY(20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .count-number.animate {
        animation: countUp 0.6s ease-out;
    }

    /* 响应式设计 */
    @media (max-width: 1200px) {
        .about-content {
            gap: 40px;
        }

        .about-stats {
            gap: 30px;

        }
    }

    @media (max-width: 768px) {
        .about-feiyou {
            padding: 20px 0;
        }

        .about-feiyou .service-title h2 {
            font-size: 28px;
        }

        .about-content {
            flex-direction: column;
            gap: 0px;
        }

        .about-left {
            flex: none;
            width: 100%;
        }

        .about-image {
            width: 100%;
            height: auto;
            padding: 20px 0;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: none
        }

        .about-right {

            width: 100%
        }

        .about-subtitle {
            font-size: 24px;
            text-align: left;
            margin-top: 10px;
        }

        .about-desc {
            font-size: 15px;
            text-align: left;
        }

        .about-stats {
            gap: 20px;
            margin-top: 30px;
        }

        .stat-item {
            display: flex;
            justify-content: start;
            align-items: center;
        }

        .stat-number {

            font-size: 24px;
            margin-right: 20px;
            margin-left: 20px;
            width: 100px;
        }

        .stat-label {
            font-size: 18px;
            font-weight: 500;

            margin-bottom: 10px
        }

        .team-strength .container {
            padding: 0 16px;
        }

        .main-photo img {
            width: 100%;
            height: auto;

        }
    }

    @media (max-width: 480px) {
        .about-feiyou {
            padding: 20px 0;
        }

        .about-feiyou .service-title h2 {
            font-size: 24px;
        }

        .about-content {
            gap: 0px;
        }

        .about-subtitle {
            font-size: 20px;
            margin-bottom: 20px;
            margin-top: 10px;
            text-align: left;
        }

        .about-desc {
            font-size: 14px;
            margin-bottom: 0px;
        }

        .about-stats {
            flex-direction: column;
            gap: 30px;
            margin-top: 30px;
        }

        .stat-item {
            display: flex;
            justify-content: start;
            align-items: center;
        }

        .stat-number {
            font-size: 24px;
            margin-right: 20px;
            margin-left: 20px;
            width: 100px;
        }

        .stat-label {
            font-size: 18px;
            font-weight: 500;

            margin-bottom: 10px
        }

        .team-strength .container {
            padding: 0 16px;
        }

        .main-photo img {
            width: 100%;
            height: auto;
        }
    }

    /* 关于 模块 end */


    /* 统一容器响应式处理 */
    @media (max-width: 1240px) {
        .geo-benefits .container,
        .seo-comparison .container,
        .ai-brand-recommendation .container,
        .why-choose-feiyou .container,
        .geo-cases .container,
        .geo-cooperation-process .container,
        .about-feiyou .container {
            padding: 0 30px;
        }
    }

    @media (max-width: 768px) {
        .geo-benefits .container,
        .seo-comparison .container,
        .ai-brand-recommendation .container,
        .why-choose-feiyou .container,
        .geo-cases .container,
        .geo-cooperation-process .container,
        .about-feiyou .container {
            padding: 0 20px;
        }
    }

    @media (max-width: 480px) {
        .geo-benefits .container,
        .seo-comparison .container,
        .ai-brand-recommendation .container,
        .why-choose-feiyou .container,
        .geo-cases .container,
        .geo-cooperation-process .container,
        .about-feiyou .container {
            padding: 0 15px;
        }
    }

    @font-face {
        font-family: "Alibaba PuHuiTi 3.0";
        /*src: url("Alibaba-PuHuiTi-Regular.ttf") format("truetype");*/
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }

    * {
        /* padding: 0; */
        margin: 0;
        font-family: "Alibaba PuHuiTi 3.0";

    }


    #content dl,
    #content dd,
    #content ul,
    #content li,
    #content ol,
    #content code {
        all: revert;
    }

    #content code {
        background: #ccc;
        padding: 2px;
        border-radius: 2px;
    }

    input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        outline: none;
        background-color: transparent;
        padding: 0;
        margin: 0;
        font-family: inherit;
        font-size: 100%;
        color: inherit;
        line-height: inherit;
    }

    input:focus {
        outline: none;
    }

    button {
        background: none;
        border: none;
        padding: 0;
        margin: 0;
        font: inherit;
        color: inherit;
        outline: none;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    img {
        -webkit-user-drag: none;
        -khtml-user-drag: none;
        -moz-user-drag: none;
        -o-user-drag: none;
        user-drag: none;
        pointer-events: auto;
    }

    body {
        background: #F4F4F9;
        overflow-x: hidden;
    }


    /* 顶部 */

    .ai-top {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        height: 305px;
    }

    .ai-top-img {
        width: 100%;
        height: 100%;
        position: relative;
        object-fit: cover;
    }

    .ai-top-content {
        position: absolute;
    }

    .ai-top-img {
        opacity: 0;
        transform: scale(1.03);
        animation: imageReveal .8s ease-out .1s forwards;
    }

    .ai-top-content {
        opacity: 0;
        transform: translateY(16px);
        animation: contentFadeUp .6s ease-out .3s forwards;
    }

    .ai-top-content .title {
        font-size: 40px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.08em;
        transition: font-size .25s ease, letter-spacing .25s ease, line-height .25s ease;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        color: #000C17;
        text-align: center;
    }

    .ai-top-content span {

        font-size: 40px;
        font-weight: bold;
        line-height: normal;
        letter-spacing: 0.08em;
        transition: font-size .25s ease, letter-spacing .25s ease, line-height .25s ease;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    .ai-top-content p {
        text-align: center;

        margin-top: 10px;
        font-size: 16px;
        font-weight: normal;
        line-height: normal;
        letter-spacing: 0.08em;
        transition: font-size .25s ease, letter-spacing .25s ease, line-height .25s ease, margin-top .25s ease;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        /* colorMenuSubItemBg */
        color: #000C17;
    }


    @keyframes contentFadeUp {
        0% {
            opacity: 0;
            transform: translateY(16px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes imageReveal {
        0% {
            opacity: 0;
            transform: scale(1.03);
        }

        100% {
            opacity: 1;
            transform: scale(1);
        }
    }


    /* 主要操作区域 */
    .operate-box {
        padding: 28px 28px;
        background: #FFFFFF;
        box-sizing: border-box;
        border: 1px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.06);
        border-radius: 10px;
        max-width: 1000px;
        margin: -50px auto 30px;
        position: relative;
        z-index: 1;
        transition: padding .25s ease, margin .25s ease, border-radius .25s ease;
    }

    .operate-box .title-box {
        display: flex;
        align-items: center;
        font-size: 16px;
        transition: font-size .25s ease;
    }

    .operate-box .title-box .title {
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.08em;
        transition: font-size .25s ease, letter-spacing .25s ease;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    .operate-box .title-box .circle {
        position: relative;
        left: -6px;
        height: 20px;
        opacity: 0.6;
        transition: left .25s ease, opacity .25s ease;
    }

    .operate-box .title-box .text {
        font-size: 16px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.08em;
        transition: font-size .25s ease, letter-spacing .25s ease;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        /* colorMenuSubItemBg */
        color: #000C17;
    }


    .operate-box .title-box .reset-btn, .history-button {
        background: none;
        border: none;
        padding: 0;
        margin: 0;
        font: inherit;
        color: inherit;
        outline: none;
        border-radius: 0;
        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        -webkit-tap-highlight-color: transparent;
        transition: opacity .2s ease, transform .2s ease;


        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: 0px;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        color: #463DF7;

        padding: 4px 16px;


        box-sizing: border-box;
        border: 1px solid rgba(70, 61, 247, .3);
        border-radius: 4px;


    }


    .button-po {
        position: absolute;
        right: 40px;
    }

    .ai-list {
        display: flex;
        flex-wrap: wrap;
        /* justify-content: center; */
        gap: 16px;
        margin: 20px 0;
    }

    .ai-list .item-ai {
        /* width: 100%; */
        /* height: 100%; */
        display: flex;
        align-items: center;
        /* gap: 20px; */
        padding: 8px 16px;
        border-radius: 8px;

        box-sizing: border-box;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        border: 0.5px solid rgba(0, 0, 0, 0.15);
    }

    /* .background-FE{
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: #F7F9FE;
    border-radius: 7px;

}

.border-bar{

    background: rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
} */
    /*
.ai-list .select-border-bar{
    background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%) ;
}

.ai-list .select-border-bar .item-ai{
    background: linear-gradient(270deg, rgba(143, 0, 255, 0.1) 0%, rgba(37, 56, 255, 0.1) 100%);

} */

    .ai-list .select-border-bar {
        border: 0.5px solid #8F00FF;

        background: linear-gradient(270deg, rgba(143, 0, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    }

    .select-border-bar::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 16px;
        height: 16px;
        background: url('/template/pc/skin/images/select.png') no-repeat center center;
        background-size: 100% 100%;
    }

    .ai-list .item-ai:hover {
        background: linear-gradient(270deg, rgba(143, 0, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);

    }

    .ai-list .item-ai:hover .item-ai {
        border: 0.5px solid #8F00FF;
    }


    .ai-list .item-ai img {
        width: 24px;
        height: 24px;
        /* object-fit: contain; */
    }

    .ai-list .item-ai span {
        font-size: 14px;
        font-weight: normal;
        line-height: normal;
        text-align: center;
        text-transform: capitalize;
        letter-spacing: 0em;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        /* 黑 */
        color: #1A2233;
        margin-left: 8px;

        white-space: nowrap;
    }

    .input-box {
        border-radius: 4px;
        opacity: 1;

        /* background: #F7F9FE; */

        box-sizing: border-box;
        border: 0.5px solid rgba(0, 0, 0, 0.15);
        padding: 9px 10px;
        margin: 20px 0;
        transition: border-color .25s ease, box-shadow .25s ease, background-color .25s ease, padding .25s ease, margin-top .25s ease;

        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
    }


    .hint {
        padding-left: 12px;
        /* margin-left: 20px; */
        font-size: 13px;
        font-weight: normal;
        line-height: normal;
        letter-spacing: 0.08em;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        /* colorMenuSubItemBg */
        color: rgba(0, 12, 23, .6);
        transition: color .25s ease, opacity .25s ease;
    }

    .hint svg {
        width: 12px;
        /* margin-top: 4px; */
        transition: transform .25s ease, opacity .25s ease;
    }

    /* .hint:hover {
    color: rgba(0, 12, 23, .6);
}

.hint:hover svg {
    transform: translateX(2px);
} */

    .tab-list {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
    }

    .tab-list span {
        display: inline-flex;
        align-items: center;
        gap: 4px;


        /* padding: 6px 12px;
    background: linear-gradient(270deg, rgba(143, 0, 255, 0.1) 0%, rgba(37, 56, 255, 0.1) 100%);
    border: 1px solid rgba(70, 61, 247, 0.3);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: #463DF7; */


        cursor: pointer;
        transition: all 0.2s ease;
        white-space: nowrap;

        border: 1px solid rgba(70, 61, 247, 0.3);
        border-radius: 4px;
        padding: 4px 8px;

        font-size: 14px;
        font-weight: 500;
        line-height: 12px;
        letter-spacing: 0px;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        color: #463DF7;

    }

    /* .tab-list span:hover {
    background: linear-gradient(270deg, rgba(143, 0, 255, 0.2) 0%, rgba(37, 56, 255, 0.2) 100%);
    border-color: rgba(70, 61, 247, 0.5);
    transform: translateY(-1px);
} */

    .tab-list span::after {
        content: '×';
        font-size: 14px;
        font-weight: bold;
        margin-left: 4px;
        opacity: 1;
        transition: opacity 0.2s ease;
        color: #333333;
    }


    .input-box input {
        flex: 1;
        min-width: 200px;
        padding: 0;
        margin: 0;
        border: none;
        outline: none;
        background: transparent;
        font: inherit;
        color: #000C17;
        letter-spacing: 0.02em;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        -webkit-tap-highlight-color: transparent;
        box-shadow: none;
        transition: color .2s ease, font-size .25s ease, letter-spacing .25s ease;

        font-size: 16px;
    }

    .input-box input::placeholder {
        color: rgba(0, 0, 0, 0.35);
    }

    .input-box:focus-within {
        border-color: rgba(70, 61, 247, .6);
        box-shadow: 0 0 4px 4px rgba(70, 61, 247, .08);
        background: #FFFFFF;
    }


    .query-button {
        width: 100%;

        background: none;
        border: none;
        padding: 0;
        margin: 0;
        font: inherit;
        color: inherit;
        outline: none;
        border-radius: 0;
        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        -webkit-tap-highlight-color: transparent;
        transition: opacity .2s ease, transform .2s ease, box-shadow .25s ease, background-position .35s ease;

        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        background-size: 200% 100%;
        background-position: 0% 50%;
        padding: 10px 0;
        border-radius: 6px;

        font-size: 15px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.08em;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 30px;

    }

    .query-button:hover {
        transform: translateY(-1px);
        box-shadow: 0 8px 24px rgba(37, 56, 255, 0.22);
        background-position: 100% 50%;
    }

    .query-button span {
        margin-left: 12px;
    }


    /* 介绍 */
    .recommend-box {
        max-width: 1000px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        margin-bottom: 40px;
    }

    .recommend-box .single-recommend {
        flex: 1 1 calc(20% - 30px);
        background: #fff;
        padding: 26px 20px;
        box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.03);
        border-radius: 12px;
        transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease;
    }

    .recommend-box .single-recommend .mian {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

    .recommend-box .single-recommend .mian img {
        width: 48px;
        height: 48px;
    }

    .recommend-box .single-recommend .mian span {
        margin-left: 20px;

        font-size: 18px;
        font-weight: 600;
        line-height: 30px;
        letter-spacing: 0.02em;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        /* 黑 */
        color: #242930;
    }

    .recommend-box .single-recommend .text-box .item-text {
        display: flex;
        align-items: center;
        margin-bottom: 16px;

    }

    .recommend-box .single-recommend .text-box .item-text img {
        width: 20px;
        height: 20px;
        margin-left: 20px;
    }

    .recommend-box .single-recommend .text-box .item-text span {
        font-size: 16px;
        font-weight: normal;
        /* line-height: 36px; */
        text-align: justify;
        /* 浏览器可能不支持 */
        letter-spacing: 0em;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        /* 黑 */
        color: #15181C;
        opacity: .7;
        margin-left: 20px;
    }

    .recommend-box .single-recommend:hover {
        transform: translateY(-6px);
        box-shadow: 0px 18px 48px rgba(70, 61, 247, 0.18), 0px 8px 24px rgba(0, 0, 0, 0.08);
        background: #FFFFFF;
    }


    /* 预约 */
    .reserve {
        background-image: url('/template/pc/skin/images/bar.png');
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 100% 100%;
        padding-bottom: 60px;
    }

    .reserve .box {
        max-width: 1000px;
        margin: 0 auto;
    }


    .reserve .box .reserve-title {
        padding-top: 60px;
        text-align: center;
        margin-bottom: 66px;
    }

    .reserve .box .reserve-title .title {
        font-size: 28px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.04em;
        text-align: center;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;

        /* 快速提升AI数字营销效能 */
        color: #000C17;
    }

    .reserve .box .reserve-title .title span {
        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);


        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    .reserve .box .reserve-title .text {
        font-size: 14px;
        font-weight: normal;
        line-height: normal;
        letter-spacing: 0.08em;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        /* colorMenuSubItemBg */
        color: #000C17;
        margin-top: 20px;
    }


    .reserve-information {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .reserve-information .QR-code {
        width: 400px;
        position: relative;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        flex: 1;
    }

    .reserve-information .QR-code .icon {
        position: absolute;
        top: 0;
        width: 100px;
        margin-left: 80px;

    }

    .reserve-information .QR-code .ewn {
        margin-left: 80px;
        margin-top: 60px;
        background: linear-gradient(270deg, rgba(143, 0, 255, 0.1) 0%, rgba(37, 56, 255, 0.1) 100%);
        border-radius: 8px;
        box-sizing: border-box;
        border: 0.5px solid rgba(0, 0, 0, 0.15);
        padding: 0 8px 8px;
    }

    .reserve-information .QR-code .ewn .text {
        padding-top: 30px;
        padding-bottom: 8px;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0.02em;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        /* colorMenuSubItemBg */
        color: #000C17;
        text-align: center;
    }

    .reserve-information .QR-code .ewn img {
        width: 200px;
        height: 200px;
        border-radius: 8px;
    }

    .reserve-information .form {
        flex: 1;

        background: #fff;
        box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.03);
        border-radius: 10px;
        padding: 30px 40px;
    }


    .reserve-information .form h1 {
        font-size: 26px;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: 0.02em;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        /* 黑 */
        color: #15181C;
        margin-bottom: 30px;
    }

    .reserve-information .form .input {
        padding: 10px 15px;
        display: flex;
        align-items: center;

        font-size: 14px;
        font-weight: normal;
        line-height: normal;
        letter-spacing: 0em;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;

        /* background: #F7F9FE; */

        box-sizing: border-box;
        border: 0.5px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        margin-bottom: 10px;

    }


    .reserve-information .form .input span {
        color: #EB2D2D;
    }

    .reserve-information .form button {
        font-family: Alibaba PuHuiTi 3.0;
        font-size: 14px;
        font-weight: bold;
        line-height: normal;
        text-align: center;
        letter-spacing: 0em;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        color: #FFFFFF;
        padding: 8px 15px;
        border-radius: 6px;

        /* 渐变 */
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        margin-top: 16px;
        margin-bottom: 20px;
        width: 100%;
    }


    /* 结果 */
    .result-box {
        display: none;
        max-width: 1000px;
        margin: 0 auto 20px;
        background: #FFFFFF;

        box-sizing: border-box;
        border: 1px solid rgba(0, 0, 0, 0.1);

        box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.06);
        border-radius: 10px;
        padding: 30px 40px;

    }

    .result-box .title-history {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .result-box .title-history .title-box {
        display: flex;
        align-items: center;
        font-size: 20px;
        transition: font-size .25s ease;
    }

    .result-box .title-history .title-box .title {
        font-size: 20px;

        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.08em;
        transition: font-size .25s ease, letter-spacing .25s ease;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    .result-box .title-history .title-box .circle {
        position: relative;
        left: 0px;
        height: 100%;
        opacity: 0.6;
        transition: left .25s ease, opacity .25s ease;
    }

    .result-box .title-history .historys {
        display: flex;
        align-items: center;
        font-family: Alibaba PuHuiTi 3.0;
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
        text-transform: capitalize;
        letter-spacing: 0em;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        /* 黑 */
        color: #1A2233;
        opacity: 0.6;
        cursor: pointer;
    }

    .result-box .title-history .historys img {
        width: 24px;
        height: 24px;
    }


    .tab {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .tab .item-tab {
        flex: 1 1 calc(25% - 20px);
        gap: 20px;
        background: #F7F9FE;
        border-radius: 8px;
        box-sizing: border-box;
        border: 0.5px solid rgba(0, 0, 0, 0.15);
        padding: 12px 14px;
        margin-top: 20px;
    }

    .tab .item-tab .title {
        display: flex;
        align-items: center;


        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        text-transform: capitalize;
        letter-spacing: 0em;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        /* 黑 */
        color: #1A2233;

    }

    .tab .item-tab .title .icon {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.12);
        display: flex;
        align-items: center;
        justify-content: center;

        margin-right: 10px;

    }

    .tab .tab1 .title .icon {
        background: #135AFF;
        border-image: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%) 0.6;
    }

    .tab .tab2 .title .icon {
        background: #20B1FF;
        border-image: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%) 0;
    }


    .tab .tab3 .title .icon {
        background: #1CD74E;
        border-image: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%) 0;
    }


    .tab .tab4 .title .icon {
        background: #C369FF;
        border-image: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%) 0;
    }

    .tab .item-tab .title .icon img {
        width: 18px;
        height: 18px;
    }


    .tab .item-tab .num {
        font-size: 26px;
        font-weight: 600;
        line-height: 28px;
        text-align: left;
        text-transform: capitalize;
        letter-spacing: 0em;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        /* 黑 */
        color: #1A2233;
        margin-left: 44px;
        margin-top: 10px;

    }

    .tab .item-tab .num span {
        font-weight: 600;
        font-size: 16px;
        font-variation-settings: "opsz" auto;
    }

    .filter-export {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }


    .filter-export .export {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .filter-export .export .time {
        opacity: 0.6;
        font-size: 14px;
        font-weight: normal;
        line-height: 28px;
        display: flex;
        align-items: center;
        letter-spacing: 0px;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        /* colorMenuSubItemBg */
        color: #000C17;

        margin-right: 20px;
    }


    .filter-export .export button {
        font-size: 14px;
        font-weight: 500;
        line-height: 28px;
        display: flex;
        align-items: center;
        letter-spacing: 0px;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        color: #463DF7;

        border-radius: 4px;
        opacity: 1;

        box-sizing: border-box;
        border: 0.5px solid #463DF7;
        padding: 2px 16px;
    }

    .filter-export .export button img {
        margin-right: 6px;
    }


    /* 自定义通知组件样式 */
    .notification {
        position: fixed;
        top: 20px;
        right: 20px;
        background: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
        padding: 16px 20px;
        min-width: 300px;
        max-width: 400px;
        z-index: 10000;
        transform: translateX(100%);
        opacity: 0;
        transition: all 0.3s ease;
    }

    .notification.show {
        transform: translateX(0);
        opacity: 1;
    }

    .notification.error {
        border-left: 4px solid #ff4757;
        background: #fff5f5;
    }

    .notification.warning {
        border-left: 4px solid #ffa502;
        background: #fffbf0;
    }

    .notification.success {
        border-left: 4px solid #2ed573;
        background: #f0fff4;
    }

    .notification.info {
        border-left: 4px solid #3742fa;
        background: #f0f8ff;
    }

    .notification-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 8px;
    }

    .notification-title {
        font-size: 16px;
        font-weight: 600;
        color: #333;
        margin: 0;
    }


    .notification-message {
        font-size: 14px;
        color: #666;
        line-height: 1.4;
        margin: 0;
    }

    .notification-icon {
        width: 20px;
        height: 20px;
        margin-right: 8px;
        flex-shrink: 0;
    }

    .notification-content {
        display: flex;
        align-items: flex-start;
    }

    /* Custom Select Styles */
    .filter-export {
        margin-top: 20px;
    }

    .custom-select-wrapper {
        position: relative;
        display: inline-block;
        user-select: none;
        width: 164px;
    }

    .custom-select {
        position: relative;
    }

    .custom-select__trigger {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 12px;
        font-size: 14px;
        font-weight: 500;
        color: #333;
        height: 32px;
        line-height: 32px;
        background: #fff;
        cursor: pointer;
        border: 1px solid #E0E0E0;
        border-radius: 4px;
    }

    .custom-select .arrow {
        position: relative;
        height: 8px;
        width: 8px;
    }

    .custom-select .arrow::before,
    .custom-select .arrow::after {
        content: '';
        position: absolute;
        bottom: 1px;
        width: 2px;
        height: 100%;
        transition: all .3s;
        background-color: #333;
        border-radius: 2px;
    }

    .custom-select .arrow::before {
        left: -2px;
        transform: rotate(-45deg);
    }

    .custom-select .arrow::after {
        left: 2px;
        transform: rotate(45deg);
    }

    .custom-select.open .arrow::before {
        transform: rotate(45deg);
    }

    .custom-select.open .arrow::after {
        transform: rotate(-45deg);
    }

    .custom-options {
        position: absolute;
        display: block;
        top: 100%;
        left: 0;
        right: 0;
        min-width: 100%;
        margin-top: 4px;
        border: 1px solid #E0E0E0;
        border-radius: 4px;
        background: #fff;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        transition: all .2s ease-in-out;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-10px);
        z-index: 2;
    }

    .custom-select.open .custom-options {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        transform: translateY(0);
    }

    .custom-option {
        position: relative;
        display: block;
        padding: 0 12px;
        font-size: 14px;
        color: #333;
        line-height: 32px;
        cursor: pointer;
        transition: all .2s;
    }

    .custom-option:hover {
        background-color: #f2efff;
        color: #463DF7;
    }

    .custom-option.selected {
        color: #463DF7;
        background-color: #f2efff;
    }


    @media (max-width: 760px) {
        .notification {
            top: 10px;
            right: 10px;
            left: 10px;
            min-width: auto;
            max-width: none;
            transform: translateY(-100%);
        }

        .notification.show {
            transform: translateY(0);
        }

        /* 顶部 */
        .ai-top {
            height: 160px;
        }

        .ai-top-content .title {
            font-size: 30px;
            letter-spacing: 0.06em;
        }

        .ai-top-content span {
            font-size: 30px;
            letter-spacing: 0.06em;
        }

        .ai-top-content p {
            margin-top: 12px;
            font-size: 14px;
            letter-spacing: 0.04em;
            padding: 24px;
        }

        .ai-top-img {
            width: auto;
            height: 160px;
        }

        /* 主要操作区域 */
        .operate-box {
            margin: 0px auto 10px;
            padding: 10px;
            border-radius: 8px;
        }

        .operate-box .title-box {
            font-size: 18px;
        }

        .operate-box .title-box .text {
            font-size: 16px;
            letter-spacing: 0.04em;
        }

        .ai-list {
            gap: 10px;
            margin-top: 24px;
        }

        .ai-list .item-ai {
            flex: 1 1 calc(50% - 10px);
        }

        .ai-list .item-ai span {
            font-size: 16px;
        }

        .hint {
            font-size: 12px;
        }

        /* 介绍 */
        .recommend-box {
            gap: 10px;
        }

        .recommend-box .single-recommend {
            flex: 1 1 calc(100% - 30px);

        }

        /* 预约 */
        .reserve-information {
            display: block;
        }

        .reserve-information .QR-code {
            width: 100%;
            margin-bottom: 20px;
        }
    }

    /* History Page Styles */
    .history-page {
        padding: 20px;
        max-width: 1000px;
        margin: -50px auto 30px;

        box-sizing: border-box;
        border: 1px solid rgba(0, 0, 0, 0.1);

        box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.06);
        border-radius: 16px;
        position: relative;

        display: none;
    }

    .history-page .history-bar {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .history-page .gradually {
        height: 50px;
        background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 1) 100%);
    }


    .history-page .history-fff {
        background: #fff;
        height: calc(100% - 50px);
    }

    .history-mian-box {
        position: relative;
        z-index: 1;
    }


    .history-header {
        margin-bottom: 20px;

    }


    .back-link {
        text-decoration: none;
        font-size: 18px;
        font-weight: 500;
        line-height: 20px;
        text-align: left;
        text-transform: capitalize;
        letter-spacing: 0em;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        /* 黑 */
        color: #1A2233;
        display: flex;
        align-items: center;

        cursor: pointer;
    }

    .back-link img {
        width: 24px;
        height: 24px;
        margin-right: 4px;
    }

    .history-list {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .history-item {
        display: flex;
        align-items: center;
        background: #F7F9FE;
        padding: 10px 14px;
        border-radius: 8px;
        border: 0.5px solid rgba(0, 0, 0, 0.15);
        transition: all .2s ease;
    }

    .history-item:hover {
        border-color: #463DF7;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    }

    .history-item:hover .item-arrow img {
        opacity: 1;
    }

    .history {
        cursor: pointer;
    }


    .item-main {
        flex-grow: 1;
    }

    .item-main h3 {
        font-size: 18px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0px;

        font-variation-settings: "opsz" auto;
        /* 黑 */
        color: #030229;
        margin: 0 0 8px 0;
    }

    .brand-tags {
        font-size: 14px;
        font-weight: normal;
        line-height: 14px;
        letter-spacing: 0px;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        /* colorMenuSubItemBg */
        color: rgba(0, 12, 23, .6);
        margin-bottom: 8px;
    }

    .brand-tags .tag {
        display: inline-block;
        background: #F7F9FE;
        border: 1px solid rgba(70, 61, 247, .3);
        border-radius: 4px;
        padding: 2px 6px;
        margin-left: 4px;
        color: #463DF7;
        font-size: 12px;
    }

    .item-meta {
        display: flex;
        align-items: center;
    }

    .item-meta img {
        width: 10px;
        height: 10px;
    }

    .item-meta .time {
        margin-left: 6px;
        font-size: 12px;
        color: rgba(0, 12, 23, .6);
    }

    .item-stats {
        display: flex;
        gap: 40px;
        text-align: center;
        align-items: center;
        flex-shrink: 0;
        margin-left: 10px;
    }


    .item-stats .stat {
        display: flex;
        flex-direction: column;
        width: 80px;
    }

    .item-stats .stat:nth-child(1) .value {
        font-size: 24px;
        font-weight: 600;
        line-height: 1;
        text-align: center;
        text-transform: capitalize;
        letter-spacing: 0em;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        color: #135AFF;
        margin-top: 20px;
    }

    .item-stats .stat:nth-child(2) .value {
        font-size: 24px;
        font-weight: 600;
        line-height: 1;
        text-align: center;
        text-transform: capitalize;
        letter-spacing: 0em;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        color: #20B1FF;
        margin-top: 20px;
    }

    .item-stats .stat:nth-child(3) .value {
        font-size: 24px;
        font-weight: 600;
        line-height: 1;
        text-align: center;
        text-transform: capitalize;
        letter-spacing: 0em;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        color: #C369FF;
        margin-top: 20px;
    }

    .item-stats .label {
        font-size: 14px;
        font-weight: normal;
        line-height: 1;
        text-align: center;
        text-transform: capitalize;
        letter-spacing: 0em;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        /* 黑 */
        color: #1A2233;
        margin-bottom: 4px;
    }

    .item-stats .value {
        font-size: 20px;
        font-weight: 600;
        color: #333;
    }

    .item-stats .value .unit {
        font-size: 16px;
        font-weight: 600;
    }

    .item-stats .value.highlight {
        color: #463DF7;
    }

    .item-arrow img {
        width: 24px;
        height: 24px;
        margin-left: 40px;
        opacity: 0.4;
    }

    .pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 30px;
        font-size: 14px;
    }

    .pagination .total {
        margin-right: 16px;
        color: #666;
    }

    .pagination .total {
        color: #333;
    }

    .pagination .total span {
        color: #463DF7;
        font-weight: 600;
    }


    .pagination .page-nav,
    .pagination .page-num {
        display: inline-block;
        padding: 6px 12px;
        margin: 0 8px;
        border-radius: 6px;
        text-decoration: none;
        color: #333;
        background: transparent;
        border: none;
        transition: all 0.3s ease;
        cursor: pointer;
        user-select: none;
    }

    .pagination .page-nav {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .pagination .page-nav:hover,
    .pagination .page-num:hover {
        color: #463DF7;
    }

    .pagination .page-nav.disabled {
        color: #ccc;
        cursor: not-allowed;
        opacity: 0.5;
    }

    .pagination .page-nav.disabled:hover {
        color: #ccc;
    }

    .pagination .page-num.active {
        background: #F2EFFF;
        color: #463DF7;
        font-weight: 600;
    }


    .pagination .ellipsis {
        margin: 0 8px;
        color: #999;
    }

    /* Table Styles */
    .table-container {
        margin-top: 20px;
        overflow-x: auto;
    }

    /* 美化滚动条样式 */
    .table-container::-webkit-scrollbar {
        height: 6px;
    }

    .table-container::-webkit-scrollbar-track {
        background: #f7f7f7;
        border-radius: 3px;
    }

    .table-container::-webkit-scrollbar-thumb {
        background: #e0e0e0;
        border-radius: 3px;
    }

    .table-container::-webkit-scrollbar-thumb:hover {
        background: #cccccc;
    }

    .result-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 14px;
        table-layout: fixed;

    }

    .result-table tr {
        border-bottom: 1px solid #F0F0F0;

    }

    .result-table th,
    .result-table td {
        padding: 16px;
        text-align: left;
        vertical-align: middle;
        font-size: 14px;
        box-sizing: border-box;
        word-break: break-all;
    }


    .result-table td .num {
        color: #1957F2;
        margin-right: 4px;
    }

    .result-table th {
        background-color: #F7F9FE;
        font-weight: 500;
        color: #666;
    }

    .result-table tbody tr:hover {
        background-color: #F7F9FE;
    }


    .result-table .td-action {
        padding: 0 16px !important;
    }


    .ov-box {
        min-height: 52px;
        display: flex;
        align-items: center;
        overflow: hidden;
    }


    .table-container tr th:nth-child(1) {
        width: 130px;
    }


    .table-container tr th:nth-child(2) {
        width: 150px;
    }

    .table-container tr th:nth-child(3) {
        width: 100px;

    }

    .table-container tr th:nth-child(4) {
        width: 100px;

    }

    .table-container tr th:nth-child(5) {
        width: 160px;
    }

    .table-container tr th:nth-child(6) {
        /* text-align: right; */
        width: 158px;
    }

    .table-container tr th:nth-child(7) {
        width: 120px;
    }


    .ai-model {
        display: flex;
        align-items: center;
        /* justify-content: center; */
        /* min-height: 52px; */
    }

    .ai-model img {
        width: 24px;
        height: 24px;
        margin-right: 8px;
        border-radius: 50%;
    }

    .status-recommended {
        color: #2ED573;
    }

    .status-not-recommended {
        color: #999;
    }

    .status-error {
        color: #FF4757;
    }

    .btn-view-result {
        border: 1px solid #E0E0E0;
        border-radius: 4px;
        padding: 0px 0;
        cursor: pointer;

        border: 1px solid rgba(9, 88, 217, .3);
        color: #0958D9;
        font-size: 14px;
        width: 90px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .btn-view-result img {
        margin-left: 4px;
        height: 12px;
        width: 12px;
        line-height: 14px;
    }

    .exposure {
        font-size: 14px;
        font-weight: 500;
        line-height: 16px;
        letter-spacing: 0px;

        font-variation-settings: "opsz" auto;
        color: rgba(9, 18, 31, .6);
        display: flex;
        flex-wrap: wrap;
    }

    .promote-exposure {
        color: #463DF7;
        text-decoration: underline;
        margin-left: 8px;
        white-space: nowrap;
        text-decoration: none;
    }

    .promote-exposure span {
        border-bottom: 1px solid #463DF7;
    }

    .schedule-text {
        font-size: 14px;
        font-weight: normal;
        line-height: 16px;
        letter-spacing: 0px;

        font-variation-settings: "opsz" auto;
        color: #463DF7;
    }


    .table-status {
        color: rgba(9, 18, 31, .6);
    }


    .btn-recheck {
        /* background-color: #fff; */
        border: 1px solid #E0E0E0;
        border-radius: 4px;
        padding: 4px 0px;
        cursor: pointer;

        border: 1px solid rgba(70, 61, 247, .3);
        color: #463DF7;
        font-size: 14px;
        width: 90px;


    }

    .progress-bar-container {
        width: 110px;
        height: 8px;
        background: rgba(25, 87, 242, .1);
        border-radius: 4px;
        /* overflow: hidden; */
        width: 120px;
    }

    .progress-bar {
        height: 100%;
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        border-radius: 4px;
        position: relative;
    }

    .progress-icon {
        position: absolute;
        right: 0px;
        top: -20px;
        width: 16px;
        height: 16px;
    }


    /* 温馨提示弹窗样式 */
    .tip-modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 1001;
        background: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
    }

    .tip-modal-overlay.show {
        opacity: 1;
        visibility: visible;
    }

    .tip-modal-content {
        background: #fff;
        border-radius: 12px;
        padding: 0;
        width: 500px;
        position: relative;
        transform: scale(0.8);
        transition: transform 0.3s ease;
    }

    .tip-modal-overlay.show .tip-modal-content {
        transform: scale(1);
    }

    .tip-modal-close {
        position: absolute;
        top: 16px;
        right: 16px;
        width: 24px;
        height: 24px;
    }


    .tip-modal-body {
        text-align: center;
        padding: 40px 30px 30px;
    }

    .tip-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 70px;
        height: 70px;
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        border-radius: 50%;
        margin: 0 auto 20px;
    }

    .tip-icon img {
        width: 40px;
        height: 40px;
    }

    .tip-modal-body h2 {
        font-size: 20px;
        font-weight: 600;
        line-height: normal;
        text-align: center;
        letter-spacing: 0em;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        color: #000000;
    }

    .tip-modal-body p {
        font-size: 16px;
        font-weight: normal;
        line-height: 26px;
        text-align: center;
        letter-spacing: 0.02em;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        color: rgba(0, 12, 23, 0.6);
        margin-top: 22px;

    }

    .tip-modal-body p span {
        color: #0958D9;
    }

    .tip-login-btn {
        margin-top: 30px;
        width: 100%;
        padding: 6px 0;
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        color: white;
        border: none;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease;
        letter-spacing: 0.02em;
    }

    .tip-login-btn:hover {
        transform: translateY(-1px);
        box-shadow: 0 8px 24px rgba(37, 56, 255, 0.22);
    }

    /* 扫码添加客服弹窗样式 */
    .service-modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 1002;
        background: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
    }

    .service-modal-overlay.show {
        opacity: 1;
        visibility: visible;
    }

    .service-modal-content {
        background: #fff;
        border-radius: 12px;
        padding: 0;
        width: 520px;
        position: relative;
        transform: scale(0.8);
        transition: transform 0.3s ease;
    }

    .service-modal-overlay.show .service-modal-content {
        transform: scale(1);
    }

    .service-modal-close {
        position: absolute;
        top: 16px;
        right: 16px;
        width: 24px;
        height: 24px;
        border: none;
        background: transparent;
        font-size: 18px;
        color: #999;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        transition: all 0.2s ease;
    }

    .service-modal-close:hover {
        background: #f5f5f5;
        color: #333;
    }

    .service-modal-body {
        text-align: center;
        padding: 40px 30px 30px;
    }

    .service-modal-body h2 {
        font-size: 24px;
        font-weight: 600;
        color: #000;
        margin-bottom: 8px;
        letter-spacing: 0.02em;
    }

    .service-subtitle {
        font-size: 20px;
        color: rgba(0, 12, 23, 0.6);
        margin-bottom: 24px;
        letter-spacing: 0.02em;
    }

    .qr-code-container {
        margin-bottom: 16px;
        /* padding: 16px; */
        /* border: 2px dashed #e0e0e0; */
        border-radius: 8px;
        display: inline-block;
    }

    .qr-code-image {
        width: 272px;
        height: 272px;
        display: block;
    }

    .service-description {
        font-size: 16px;
        color: #9E9E9E;
        margin-bottom: 20px;
        letter-spacing: 0.02em;
    }

    .service-features {
        margin-bottom: 30px;
    }

    .feature-row {
        display: flex;
        justify-content: space-between;
        margin-bottom: 12px;
    }

    .feature-item {
        display: flex;
        align-items: center;
        flex: 1;
        font-size: 16px;
        color: #000C17;
        margin-left: 20px;
    }

    .feature-dot {
        width: 12px;
        height: 12px;
        background: #0958D9;
        border-radius: 50%;
        margin-right: 8px;
        flex-shrink: 0;
    }

    .feature-text {
        letter-spacing: 0.02em;
    }

    .service-start-btn {
        width: 100%;
        padding: 12px 0;
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        color: white;
        border: none;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease;
        letter-spacing: 0.02em;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
    }

    .service-start-btn:hover {
        transform: translateY(-1px);
        box-shadow: 0 8px 24px rgba(37, 56, 255, 0.22);
    }

    .service-start-btn svg {
        flex-shrink: 0;
    }


    .ai-dialog-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 1000;
        background: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        display: none;
    }

    .ai-dialog-modal {
        background: #fff;
        border-radius: 10px;
        padding: 30px;
        width: 80vw;
        max-height: 90vh;
        overflow: hidden;
    }

    .ai-dialog-header {
        display: flex;
        justify-content: space-between;
    }

    .ai-dialog-title {
        display: flex;
        align-items: center;
        font-size: 20px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.02em;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        /* colorMenuSubItemBg */
        color: #000C17;

    }

    .title-bar {
        height: 70%;
        width: 3px;
        border-radius: 4px;
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        margin-right: 8px;
    }

    .ai-conversation {
        max-height: calc(80vh - 100%);
        overflow-y: auto;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE 10+ */
    }

    .ai-conversation::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Edge */
    }


    .ai-dialog-body .ai-info-cards {
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
        gap: 14px;
    }

    .ai-info-card {
        min-width: 140px;
        flex: 1;
        border-radius: 8px;
        background: #F7F9FE;

        box-sizing: border-box;
        border: 0.5px solid rgba(0, 0, 0, 0.15);
        text-align: center;
        padding: 12px;
    }

    .ai-info-card .card-label {
        font-size: 16px;
        font-weight: normal;
        line-height: 24px;
        text-align: center;
        letter-spacing: 0.02em;

        font-variation-settings: "opsz" auto;
        /* colorMenuSubItemBg */
        color: #000C17;
    }

    .ai-info-card .card-value {
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
        text-align: center;
        letter-spacing: 0.02em;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        color: #463DF7;
        margin-top: 8px;
    }

    .ai-info-card .card-value.highlight {
        color: #F7653D;
    }

    .ai-info-card .card-value.none {
        color: #EB2D2D;
    }

    .ai-conversation {

        background: #F7F9FE;

        box-sizing: border-box;
        border: 0.5px solid rgba(0, 0, 0, 0.15);
        border-radius: 8px;
        padding: 20px;
        margin-top: 12px;
    }

    .user-message {
        display: flex;
        /* align-items: center; */
        justify-content: flex-end;
    }

    .message-content {
        max-width: 80%;
        background: #fff;
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
        padding: 9px 16px;
        border-radius: 10px;
        position: relative;

    }

    .user-message .message-content {
        display: flex;
        align-items: center;
        margin-right: 20px;
    }

    .user-message .message-content::before {
        content: '';
        position: absolute;
        top: 10px;
        right: -20px;
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #fff;
        border-right: 10px solid transparent;
    }

    .deepseek-icon {
        background: #fff;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

    .ai-item .name {
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        text-align: center;
        text-transform: capitalize;
        letter-spacing: 0em;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        /* 黑 */
        color: #1A2233;
        margin-left: 8px;
    }

    .user-message .message-icon {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .user-message .message-icon {
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
    }

    .message-icon img {
        width: 24px;
    }

    .ai-item {
        display: flex;
        align-items: center;
        margin-bottom: 12px;
    }

    /* AI对话内容关键词高亮：背景紫色，字体白色 */
    .kw-highlight {
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        color: #FFFFFF !important;
        padding: 0 2px;
        border-radius: 2px;
    }

    @media (max-width: 1000px) {

        /* 顶部 */
        .ai-top-content .title {
            font-size: 40px;
            letter-spacing: 0.06em;
        }

        .ai-top-content span {
            font-size: 40px;
            letter-spacing: 0.06em;
        }

        .ai-top-content p {
            margin-top: 12px;
            font-size: 18px;
            letter-spacing: 0.04em;
        }

        /* 主要操作区域 */
        .operate-box {
            padding: 20px;
            border-radius: 8px;

            margin: -20px auto 20px;
        }

        .operate-box .title-box {
            font-size: 20px;
        }

        .operate-box .title-box .text {
            font-size: 18px;
            letter-spacing: 0.06em;
        }

        .ai-list {
            gap: 12px;
            margin-bottom: 20px;
        }

        .ai-list .item-ai {
            flex: 1 1 calc(33% - 20px);
            max-width: none;
        }

        .input-box {
            padding: 7px 10px;
        }

        .input-box input {
            font-size: 14px;
        }

        .query-button {
            font-size: 16px;
        }

        /* 介绍 */
        .recommend-box {
            gap: 20px;
        }

        .recommend-box .single-recommend {
            flex: 1 1 calc(100% - 30px);
        }

        /* 预约 */
        .reserve .box .reserve-title .title {
            font-size: 30px;
        }

        .reserve .box .reserve-title .text {
            font-size: 16px;
        }
    }

    [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
        transition-duration: 50ms
    }

    [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
        transition-delay: 50ms
    }

    [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
        transition-duration: .1s
    }

    [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
        transition-delay: .1s
    }

    [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
        transition-duration: .15s
    }

    [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
        transition-delay: .15s
    }

    [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
        transition-duration: .2s
    }

    [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
        transition-delay: .2s
    }

    [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
        transition-duration: .25s
    }

    [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
        transition-delay: .25s
    }

    [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
        transition-duration: .3s
    }

    [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
        transition-delay: .3s
    }

    [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
        transition-duration: .35s
    }

    [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
        transition-delay: .35s
    }

    [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
        transition-duration: .4s
    }

    [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
        transition-delay: .4s
    }

    [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
        transition-duration: .45s
    }

    [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
        transition-delay: .45s
    }

    [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
        transition-duration: .5s
    }

    [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
        transition-delay: .5s
    }

    [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
        transition-duration: .55s
    }

    [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
        transition-delay: .55s
    }

    [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
        transition-duration: .6s
    }

    [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
        transition-delay: .6s
    }

    [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
        transition-duration: .65s
    }

    [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
        transition-delay: .65s
    }

    [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
        transition-duration: .7s
    }

    [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
        transition-delay: .7s
    }

    [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
        transition-duration: .75s
    }

    [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
        transition-delay: .75s
    }

    [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
        transition-duration: .8s
    }

    [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
        transition-delay: .8s
    }

    [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
        transition-duration: .85s
    }

    [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
        transition-delay: .85s
    }

    [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
        transition-duration: .9s
    }

    [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
        transition-delay: .9s
    }

    [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
        transition-duration: .95s
    }

    [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
        transition-delay: .95s
    }

    [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
        transition-duration: 1s
    }

    [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
        transition-delay: 1s
    }

    [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
        transition-duration: 1.05s
    }

    [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
        transition-delay: 1.05s
    }

    [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
        transition-duration: 1.1s
    }

    [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
        transition-delay: 1.1s
    }

    [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
        transition-duration: 1.15s
    }

    [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
        transition-delay: 1.15s
    }

    [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
        transition-duration: 1.2s
    }

    [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
        transition-delay: 1.2s
    }

    [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
        transition-duration: 1.25s
    }

    [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
        transition-delay: 1.25s
    }

    [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
        transition-duration: 1.3s
    }

    [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
        transition-delay: 1.3s
    }

    [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
        transition-duration: 1.35s
    }

    [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
        transition-delay: 1.35s
    }

    [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
        transition-duration: 1.4s
    }

    [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
        transition-delay: 1.4s
    }

    [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
        transition-duration: 1.45s
    }

    [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
        transition-delay: 1.45s
    }

    [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
        transition-duration: 1.5s
    }

    [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
        transition-delay: 1.5s
    }

    [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
        transition-duration: 1.55s
    }

    [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
        transition-delay: 1.55s
    }

    [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
        transition-duration: 1.6s
    }

    [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
        transition-delay: 1.6s
    }

    [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
        transition-duration: 1.65s
    }

    [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
        transition-delay: 1.65s
    }

    [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
        transition-duration: 1.7s
    }

    [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
        transition-delay: 1.7s
    }

    [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
        transition-duration: 1.75s
    }

    [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
        transition-delay: 1.75s
    }

    [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
        transition-duration: 1.8s
    }

    [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
        transition-delay: 1.8s
    }

    [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
        transition-duration: 1.85s
    }

    [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
        transition-delay: 1.85s
    }

    [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
        transition-duration: 1.9s
    }

    [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
        transition-delay: 1.9s
    }

    [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
        transition-duration: 1.95s
    }

    [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
        transition-delay: 1.95s
    }

    [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
        transition-duration: 2s
    }

    [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
        transition-delay: 2s
    }

    [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
        transition-duration: 2.05s
    }

    [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
        transition-delay: 2.05s
    }

    [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
        transition-duration: 2.1s
    }

    [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
        transition-delay: 2.1s
    }

    [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
        transition-duration: 2.15s
    }

    [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
        transition-delay: 2.15s
    }

    [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
        transition-duration: 2.2s
    }

    [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
        transition-delay: 2.2s
    }

    [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
        transition-duration: 2.25s
    }

    [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
        transition-delay: 2.25s
    }

    [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
        transition-duration: 2.3s
    }

    [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
        transition-delay: 2.3s
    }

    [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
        transition-duration: 2.35s
    }

    [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
        transition-delay: 2.35s
    }

    [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
        transition-duration: 2.4s
    }

    [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
        transition-delay: 2.4s
    }

    [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
        transition-duration: 2.45s
    }

    [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
        transition-delay: 2.45s
    }

    [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
        transition-duration: 2.5s
    }

    [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
        transition-delay: 2.5s
    }

    [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
        transition-duration: 2.55s
    }

    [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
        transition-delay: 2.55s
    }

    [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
        transition-duration: 2.6s
    }

    [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
        transition-delay: 2.6s
    }

    [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
        transition-duration: 2.65s
    }

    [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
        transition-delay: 2.65s
    }

    [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
        transition-duration: 2.7s
    }

    [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
        transition-delay: 2.7s
    }

    [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
        transition-duration: 2.75s
    }

    [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
        transition-delay: 2.75s
    }

    [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
        transition-duration: 2.8s
    }

    [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
        transition-delay: 2.8s
    }

    [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
        transition-duration: 2.85s
    }

    [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
        transition-delay: 2.85s
    }

    [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
        transition-duration: 2.9s
    }

    [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
        transition-delay: 2.9s
    }

    [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
        transition-duration: 2.95s
    }

    [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
        transition-delay: 2.95s
    }

    [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
        transition-duration: 3s
    }

    [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
        transition-delay: 0
    }

    [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
        transition-delay: 3s
    }

    [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
        transition-timing-function: cubic-bezier(.25, .25, .75, .75)
    }

    [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
        transition-timing-function: ease
    }

    [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
        transition-timing-function: ease-in
    }

    [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
        transition-timing-function: ease-out
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
        transition-timing-function: ease-in-out
    }

    [data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
        transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
        transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
        transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
        transition-timing-function: cubic-bezier(.47, 0, .745, .715)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
        transition-timing-function: cubic-bezier(.39, .575, .565, 1)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
        transition-timing-function: cubic-bezier(.445, .05, .55, .95)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
        transition-timing-function: cubic-bezier(.55, .085, .68, .53)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
        transition-timing-function: cubic-bezier(.25, .46, .45, .94)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
        transition-timing-function: cubic-bezier(.455, .03, .515, .955)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
        transition-timing-function: cubic-bezier(.55, .085, .68, .53)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
        transition-timing-function: cubic-bezier(.25, .46, .45, .94)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
        transition-timing-function: cubic-bezier(.455, .03, .515, .955)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
        transition-timing-function: cubic-bezier(.55, .085, .68, .53)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
        transition-timing-function: cubic-bezier(.25, .46, .45, .94)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
        transition-timing-function: cubic-bezier(.455, .03, .515, .955)
    }

    [data-aos^=fade][data-aos^=fade] {
        opacity: 0;
        transition-property: opacity, transform
    }

    [data-aos^=fade][data-aos^=fade].aos-animate {
        opacity: 1;
        transform: translateZ(0)
    }

    [data-aos=fade-up] {
        transform: translate3d(0, 100px, 0)
    }

    [data-aos=fade-down] {
        transform: translate3d(0, -100px, 0)
    }

    [data-aos=fade-right] {
        transform: translate3d(-100px, 0, 0)
    }

    [data-aos=fade-left] {
        transform: translate3d(100px, 0, 0)
    }

    [data-aos=fade-up-right] {
        transform: translate3d(-100px, 100px, 0)
    }

    [data-aos=fade-up-left] {
        transform: translate3d(100px, 100px, 0)
    }

    [data-aos=fade-down-right] {
        transform: translate3d(-100px, -100px, 0)
    }

    [data-aos=fade-down-left] {
        transform: translate3d(100px, -100px, 0)
    }

    [data-aos^=zoom][data-aos^=zoom] {
        opacity: 0;
        transition-property: opacity, transform
    }

    [data-aos^=zoom][data-aos^=zoom].aos-animate {
        opacity: 1;
        transform: translateZ(0) scale(1)
    }

    [data-aos=zoom-in] {
        transform: scale(.6)
    }

    [data-aos=zoom-in-up] {
        transform: translate3d(0, 100px, 0) scale(.6)
    }

    [data-aos=zoom-in-down] {
        transform: translate3d(0, -100px, 0) scale(.6)
    }

    [data-aos=zoom-in-right] {
        transform: translate3d(-100px, 0, 0) scale(.6)
    }

    [data-aos=zoom-in-left] {
        transform: translate3d(100px, 0, 0) scale(.6)
    }

    [data-aos=zoom-out] {
        transform: scale(1.2)
    }

    [data-aos=zoom-out-up] {
        transform: translate3d(0, 100px, 0) scale(1.2)
    }

    [data-aos=zoom-out-down] {
        transform: translate3d(0, -100px, 0) scale(1.2)
    }

    [data-aos=zoom-out-right] {
        transform: translate3d(-100px, 0, 0) scale(1.2)
    }

    [data-aos=zoom-out-left] {
        transform: translate3d(100px, 0, 0) scale(1.2)
    }

    [data-aos^=slide][data-aos^=slide] {
        transition-property: transform
    }

    [data-aos^=slide][data-aos^=slide].aos-animate {
        transform: translateZ(0)
    }

    [data-aos=slide-up] {
        transform: translate3d(0, 100%, 0)
    }

    [data-aos=slide-down] {
        transform: translate3d(0, -100%, 0)
    }

    [data-aos=slide-right] {
        transform: translate3d(-100%, 0, 0)
    }

    [data-aos=slide-left] {
        transform: translate3d(100%, 0, 0)
    }

    [data-aos^=flip][data-aos^=flip] {
        backface-visibility: hidden;
        transition-property: transform
    }

    [data-aos=flip-left] {
        transform: perspective(2500px) rotateY(-100deg)
    }

    [data-aos=flip-left].aos-animate {
        transform: perspective(2500px) rotateY(0)
    }

    [data-aos=flip-right] {
        transform: perspective(2500px) rotateY(100deg)
    }

    [data-aos=flip-right].aos-animate {
        transform: perspective(2500px) rotateY(0)
    }

    [data-aos=flip-up] {
        transform: perspective(2500px) rotateX(-100deg)
    }

    [data-aos=flip-up].aos-animate {
        transform: perspective(2500px) rotateX(0)
    }

    [data-aos=flip-down] {
        transform: perspective(2500px) rotateX(100deg)
    }

    [data-aos=flip-down].aos-animate {
        transform: perspective(2500px) rotateX(0)
    }
.swiper-slide{
    max-height: 1000px !important;
}

    /* 导航栏基础样式 */
    #pc-header {
        z-index: 10;
        width: 100%;
        /*height: 68px;*/
        position: fixed;
        top: 0;
        left: 0;
        background: transparent;
        transition: all 0.3s ease;
        /* 防止横向滚动 */
        max-width: 100vw;
        overflow-x: hidden;
    }

    #pc-header.flex {
        background: #fff;
        color: #333;
    }

    #pc-header.flex .navbar {
        background: #fff !important;
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03) !important;
    }

    #pc-header .navbar {
        height: 100%;
        /* 防止横向滚动 */
        max-width: 100vw;
        overflow-x: hidden;
        margin-bottom: 0;
    }

    #pc-header .container-layout {
        /*width: 1200px;*/
        /*width: 1320px;*/
        width: 1405px;
        max-width: 100%;
        margin: 0 auto;
        height: 100%;
        /* 防止横向滚动 */
        overflow-x: hidden;
        box-sizing: border-box;
    }

    #pc-header .line {
        display: flex;
        align-items: center;
        /*justify-content: space-between;*/
        justify-content: center;
        height: 100%;
        /* 防止横向滚动 */
        max-width: 100%;
        overflow-x: hidden;
    }

    /* Logo样式 */
    #pc-header .logo {
        float: left;
        display: flex;
        align-items: center;
        background: transparent;
        width: auto;
        height: auto;
    }

    #pc-header .logo a {
        display: flex;
        align-items: center;
        height: 68px;
        text-decoration: none;
    }

    #pc-header .logo img {
        height: 60px;
        width: 180px;
        object-fit: contain;
    }


    /* 导航菜单样式 */
    #pc-header .nav {
        float: right;
        display: flex;
        align-items: center;
    }

    #pc-header .nav-menu {
        float: left;
        display: flex;
        align-items: center;
        height: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
        margin-right: 20px;
    }

    #pc-header .nav-menu > li {
        position: relative;
        float: left;
    }

    #pc-header .nav-menu > li > a {
        display: flex;
        padding: 0 20px;
        line-height: 68px;
        font-size: 14px;
        align-items: center;
        justify-content: center;
        color: #1A2233;
        text-decoration: none;
        transition: color 0.2s ease;
        /* 从0.3s减少到0.2s，只过渡颜色 */
        position: relative;
        gap: 5px;
    }

    #pc-header .nav-menu > li > a > i {
        position: absolute;
        top: 34px;
        right: 5px;
        background: url(https://geo.yunluohudong.com/public/geo/template/ico_jt4.png) no-repeat 50%;
        display: block;
        width: 12px;
        height: 4px;
    }

    /* 导航链接悬停效果 */
    #pc-header .nav-menu > li.on > a,
    #pc-header .nav-menu > li:hover > a,
    #pc-header .nav-menu > li.active > a {

        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        text-align: center;
    }

    #pc-header .nav-menu > li > a:before {
        transition: width 0.2s ease;
        /* 从0.3s减少到0.2s */
        content: "";
        position: absolute;
        bottom: 1.6rem;
        left: 50%;
        height: 2px;
        width: 0;
        transform: translate(-50%);
        border-radius: 2px;
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
    }

    #pc-header .nav-menu > li.active > a:before,
    #pc-header .nav-menu > li.on > a:before,
    #pc-header .nav-menu > li:hover > a:before {
        width: 32px;
    }

    /* 下拉菜单样式 */
    #pc-header .nav-menu .drop-menu {
        position: absolute !important;
        background: #fff !important;
        width: 164px !important;
        border-radius: 9px !important;
        z-index: 2 !important;
        top: 100% !important;
        left: 50% !important;
        transform: translateX(-50%) scaleY(0.8) translateY(-20px) !important;
        transform-origin: top center !important;
        opacity: 0 !important;
        transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
        /* 从0.4s减少到0.25s */
        pointer-events: none !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
        min-width: 164px !important;
        padding: 8px 0 !important;
        display: block !important;
    }

    #pc-header .nav-menu > li:hover .drop-menu {
        transform: translateX(-50%) scaleY(1) translateY(0) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    #pc-header .drop-menu li {
        text-align: center;
        padding: 0;
    }

    #pc-header .drop-menu li a {
        padding: 12px 20px !important;
        font-size: 14px !important;
        color: #333 !important;
        display: block !important;
        text-align: center !important;
        transition: color 0.2s ease !important;
        /* 从0.3s减少到0.2s，只过渡颜色 */
        text-decoration: none !important;
        position: relative !important;
        width: 100% !important;
        background: none !important;
    }

    #pc-header .drop-menu li a:hover {
        color: #2538FF !important;
        background: none !important;
    }

    #pc-header .drop-menu li a:after {
        transition: width 0.2s ease;
        /* 从0.3s减少到0.2s */
        content: "";
        position: absolute;
        bottom: 8px;
        left: 50%;
        height: 2px;
        width: 0;
        transform: translate(-50%);
        border-radius: 2px;
        background-color: #2538FF;
    }

    #pc-header .drop-menu li a:hover:after {
        width: 32px;
    }

    /* 联系电话样式 */
    #pc-header .tel {
        float: left;
        margin: 0 0 0 55px;
        line-height: 68px;
        display: flex;
        width: 270px;
        justify-content: space-between;
        align-items: center;
    }

    #pc-header .tel a {
        color: #15181C;
        display: flex;
        align-items: center;
        font-size: 12px;
        text-decoration: none;
    }

    #pc-header .tel-icon {
        width: 16px;
        height: 16px;
        margin-right: 6px;
        vertical-align: middle;
        animation: phonePulse 2s ease-in-out infinite;
    }

    #pc-header .online-consultation {
        width: 72px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        border-radius: 8px;
        opacity: 1;

        font-family: Alibaba PuHuiTi 3.0;
        font-size: 12px;
        font-weight: 500;

        color: #FFFFFF;
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        cursor: pointer;
    }

    /* 动画效果 */
    @keyframes phonePulse {
        0% {
            transform: scale(1);
        }

        50% {
            transform: scale(1.1);
        }

        100% {
            transform: scale(1);
        }
    }

    /* 移动端汉堡菜单按钮 */
    #pc-header .mobile-menu-toggle {
        display: none;
        flex-direction: column;
        justify-content: space-around;
        width: 30px;
        height: 25px;
        background: transparent;
        border: none;
        cursor: pointer;
        padding: 0;
        z-index: 1000;
    }

    #pc-header .mobile-menu-toggle span {
        width: 100%;
        height: 3px;
        background: #333;
        border-radius: 2px;
        transition: all 0.3s ease;
        transform-origin: center;
    }

    #pc-header .mobile-menu-toggle.active span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
    }

    #pc-header .mobile-menu-toggle.active span:nth-child(2) {
        opacity: 0;
    }

    #pc-header .mobile-menu-toggle.active span:nth-child(3) {
        transform: rotate(-45deg) translate(7px, -6px);
    }

    /* 移动端遮罩层 */
    .mobile-nav-mask {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5);
        z-index: 9998;
        opacity: 0;
        transition: opacity 0.25s ease;
        /* 从0.3s减少到0.25s */
        pointer-events: none;
    }

    .mobile-nav-mask.active {
        opacity: 1;
        pointer-events: auto;
        display: block !important;
    }

    /* 移动端导航菜单 */
    .mobile-nav {
        display: block;
        position: fixed;
        top: 0;
        right: -280px;
        width: 280px;
        height: 100vh;
        background: #fff;
        z-index: 9999;
        transition: right 0.25s ease;
        /* 从0.3s减少到0.25s，只过渡right属性 */
        box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
    }

    .mobile-nav.active {
        right: 0;
        display: block !important;
    }

    .mobile-nav-content {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 20px 0 20px;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
    }

    /* 移动端关闭按钮 - 移到顶部 */
    .mobile-nav-close {
        position: relative;
        top: 0;
        right: 0;
        width: 32px;
        height: 32px;
        background: #f8f9fa;
        border: 1px solid #e9ecef;
        border-radius: 50%;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        color: #666;
        transition: all 0.3s ease;
        z-index: 20;
        margin: 15px 0 0 auto;
    }

    .mobile-nav-close:hover {
        color: #333;
        background: #e9ecef;
        transform: scale(1.1);
    }

    .mobile-nav-close:active {
        transform: scale(0.95);
    }

    /* 移动端咨询区域 - 移到菜单下方 */
    .mobile-consult-section {
        flex: none;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding: 20px;
        text-align: center;
    }

    .mobile-consult-section .consult-title {
        display: none;
        font-size: 18px;
        font-weight: 600;
        color: #333;
        margin-bottom: 25px;
    }

    .mobile-consult-section .consult-button {
        width: 200px;
        height: 34px;
        line-height: 34px;
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        border: 1px solid #2538FF;
        border-radius: 24px;
        font-size: 16px;
        font-weight: 500;
        text-decoration: none;
        margin-bottom: 25px;
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        cursor: pointer;
    }

    .mobile-consult-section .consult-button:hover {
        background: #fff;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(253, 66, 60, 0.3);
    }

    .mobile-consult-section .consult-button .icon {
        width: 20px;
        height: 20px;
        background-size: contain;
    }

    .mobile-consult-section .tel-info {
        display: flex;
        flex-direction: column;
        gap: 15px;
        width: 100%;
    }

    .mobile-consult-section .tel-item {
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 8px;
        color: #15181C;
        font-size: 14px;
        margin-left: 16px;
    }

    .mobile-consult-section .tel-item .icon {
        width: 16px;
        height: 16px;
        background: url(https://geo.yunluohudong.com/public/geo/template/nav-tel.png) no-repeat center;
        background-size: contain;
    }

    .mobile-consult-section .tel-item a {
        color: #333;
        text-decoration: none;
        font-weight: 500;
    }

    /* 移动端底部信息区域 */
    .mobile-footer-section {
        padding: 20px;
        border-top: 1px solid #f0f0f0;
        background: #f8f9fa;
    }

    .mobile-footer-section .company-address {
        text-align: center;
        margin-bottom: 20px;
    }

    .mobile-footer-section .company-address h4 {
        font-size: 16px;
        font-weight: 600;
        color: #333;
        margin-bottom: 10px;
    }

    .mobile-footer-section .company-address p {
        font-size: 14px;
        color: #666;
        line-height: 1.5;
        margin: 0;
    }

    .mobile-footer-section .qr-codes {
        display: flex;
        justify-content: space-around;
        align-items: center;
        gap: 20px;
    }

    .mobile-footer-section .mqr-item {
        text-align: center;
        flex: 1;
    }

    .mobile-footer-section .mqr-item img {
        width: 80px;
        height: 80px;
        border-radius: 8px;
        margin-bottom: 8px;
        border: 1px solid #e9ecef;
    }

    .mobile-footer-section .mqr-item p {
        font-size: 12px;
        color: #666;
        margin: 0;
        line-height: 1.4;
    }

    /* 移除原有的移动端电话区域样式 */
    .mobile-tel-section {
        display: none;
    }

    /* 移动端菜单样式调整 */
    .mobile-nav-menu {
        display: block;
        /* 显示移动端菜单 */
        padding: 0 0 4px 0;
        border-bottom: 1px solid #f0f0f0;
        margin: 0 0 20px 0;
    }

    .mobile-nav-list {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .mobile-nav-item {
        border-bottom: 1px solid #f5f5f5;
    }

    .mobile-nav-item:last-child {
        border-bottom: none;
    }

    .mobile-nav-link {
        display: block;
        padding: 15px 20px;
        color: #333;
        text-decoration: none;
        font-size: 16px;
        font-weight: 500;
        transition: color 0.2s ease, background-color 0.2s ease;
        /* 从0.3s减少到0.2s，只过渡必要属性 */
        position: relative;
    }

    .mobile-nav-link:hover,
    .mobile-nav-link:active {
        color: #2538FF;
        background-color: #f8f9fa;
    }

    .mobile-drop-menu {
        list-style: none;
        margin: 0;
        padding: 0;
        background-color: #f8f9fa;
        display: none;
    }

    .mobile-drop-menu.active {
        display: block;
    }

    .mobile-drop-item {
        border-top: 1px solid #e9ecef;
    }

    .mobile-drop-link {
        display: block;
        padding: 12px 20px 12px 40px;
        color: #666;
        text-decoration: none;
        font-size: 14px;
        transition: color 0.2s ease, background-color 0.2s ease;
        /* 从0.3s减少到0.2s，只过渡必要属性 */
    }

    .mobile-drop-link:hover,
    .mobile-drop-link:active {
        color: #2538FF;
        background-color: #e9ecef;
    }

    .mobile-drop-arrow {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 12px;
        color: #999;
        transition: transform 0.3s ease;
    }

    .mobile-nav-item.active .mobile-drop-arrow {
        transform: translateY(-50%) rotate(180deg);
    }

    /* 移除不再使用的移动端菜单样式 */

    /* 响应式设计 */
    @media (max-width: 1024px) {
        #pc-header .nav-menu {
            display: flex !important;
            /* 恢复桌面端菜单显示 */
        }

        #pc-header .mobile-menu-toggle {
            display: none !important;
            /* 隐藏移动端菜单按钮 */
        }

        #pc-header .container-layout {
            width: 100%;
            max-width: 100%;
            padding: 0 16px;
            box-sizing: border-box;
        }

        #pc-header .tel,
        #pc-header .searchBar,
        #pc-header .shopBar,
        .log-in {
            display: none !important;
        }

        #pc-header .line {
            justify-content: space-between;
            max-width: 100%;
            overflow-x: hidden;
        }

        #pc-header .logo {
            flex: 1;
            max-width: 100%;
            overflow-x: hidden;
        }

        #pc-header .nav {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            max-width: 100%;
            overflow-x: hidden;
        }

        #pc-header {
            height: 60px !important;
            max-width: 100vw;
            overflow-x: hidden;
        }

        #pc-header .logo a {
            height: 60px;
        }

        #pc-header .logo img {
            height: 50px;
            max-width: 100%;
            object-fit: contain;
        }

        body {
            padding-top: 60px !important;
            /* 防止横向滚动 */
            max-width: 100vw;
            overflow-x: hidden;
        }

        #pc-header .nav-tag {
            margin-left: 10px;
        }

        #pc-header .nav-tag-bg {
            width: 100px;
            height: 24px;
        }

        #pc-header .nav-tag-text {
            width: 80px;
            height: 16px;
        }
    }

    /* 移动端菜单显示断点 */
    @media (max-width: 768px) {
        #pc-header .nav-menu {
            display: none !important;
            /* 在768px以下隐藏桌面端菜单 */
        }

        #pc-header .mobile-menu-toggle {
            display: flex !important;
            /* 在768px以下显示移动端菜单按钮 */
        }

        .mobile-nav-mask.active {
            display: block !important;
        }

        .mobile-nav.active {
            display: block !important;
        }

        /* 确保移动端不会出现横向滚动 */
        html,
        body {
            max-width: 100vw;
            overflow-x: hidden;
        }

        #pc-header {
            max-width: 100vw;
            overflow-x: hidden;
            background-color: #fff;
        }

        #pc-header .container-layout {
            max-width: 100%;
            overflow-x: hidden;
        }
    }

    @media (max-width: 768px) {
        #pc-header .container-layout {
            padding: 0 16px;
            max-width: 100%;
            box-sizing: border-box;
            overflow-x: hidden;
        }

        #pc-header .logo img {
            height: 40px;
            max-width: 100%;
            object-fit: contain;
        }

        #pc-header .nav-tag {
            margin-left: 8px;
        }

        #pc-header .nav-tag-bg {
            width: 90px;
            height: 22px;
        }

        #pc-header .nav-tag-text {
            width: 70px;
            height: 14px;
        }
    }

    @media (max-width: 480px) {
        #pc-header .container-layout {
            padding: 0 12px;
            max-width: 100%;
            box-sizing: border-box;
            overflow-x: hidden;
        }

        #pc-header .logo img {
            height: 40px;
            max-width: 100%;
            object-fit: contain;
        }

        #pc-header .mobile-menu-toggle {
            width: 24px;
            height: 18px;
        }

        #pc-header .mobile-menu-toggle span {
            height: 2px;
        }

        #pc-header .nav-tag {
            margin-left: 6px;
        }

        #pc-header .nav-tag-bg {
            width: 80px;
            height: 20px;
        }

        #pc-header .nav-tag-text {
            width: 60px;
            height: 12px;
        }

        .mobile-nav {
            width: 260px;
            max-width: 90vw;
            right: -260px;
        }

        .mobile-nav-content {
            padding: 0px 12px 20px;
            max-width: 100%;
            overflow-x: hidden;
        }

        .mobile-consult-section {
            padding: 15px;
            max-width: 100%;
            overflow-x: hidden;
        }

        .mobile-consult-section .consult-title {
            font-size: 16px;
            margin-bottom: 20px;
        }

        .mobile-consult-section .consult-button {
            width: 180px;
            max-width: 100%;
            height: 34px;
            line-height: 34px;
            font-size: 15px;
            margin-bottom: 20px;
        }

        .mobile-consult-section .tel-info {
            gap: 12px;
            max-width: 100%;
            overflow-x: hidden;
        }

        .mobile-consult-section .tel-item {
            font-size: 13px;
        }

        .mobile-footer-section {
            padding: 15px;
            max-width: 100%;
            overflow-x: hidden;
        }

        .mobile-footer-section .company-address h4 {
            font-size: 15px;
        }

        .mobile-footer-section .company-address p {
            font-size: 13px;
        }

        .mobile-footer-section .mqr-item img {
            width: 70px;
            height: 70px;
            max-width: 100%;
        }

        .mobile-footer-section .mqr-item p {
            font-size: 11px;
        }

        .mobile-nav-close {
            right: 12px;
            width: 28px;
            height: 28px;
            font-size: 14px;
        }
    }

    @media (max-width: 360px) {
        #pc-header .container-layout {
            padding: 0 8px;
            max-width: 100%;
            box-sizing: border-box;
            overflow-x: hidden;
        }

        #pc-header .logo img {
            height: 36px;
            max-width: 100%;
            object-fit: contain;
        }

        #pc-header .mobile-menu-toggle {
            width: 22px;
            height: 16px;
        }

        #pc-header .mobile-menu-toggle span {
            height: 1.5px;
        }

        #pc-header .nav-tag {
            margin-left: 4px;
        }

        #pc-header .nav-tag-bg {
            width: 70px;
            height: 18px;
        }

        #pc-header .nav-tag-text {
            width: 50px;
            height: 10px;
        }

        .mobile-nav {
            width: 240px;
            max-width: 85vw;
            right: -240px;
        }

        .mobile-nav-content {
            padding: 0px 8px 20px;
            max-width: 100%;
            overflow-x: hidden;
        }

        .mobile-consult-section {
            padding: 12px;
            max-width: 100%;
            overflow-x: hidden;
        }

        .mobile-consult-section .consult-title {
            font-size: 15px;
            margin-bottom: 18px;
        }

        .mobile-consult-section .consult-button {
            width: 160px;
            max-width: 100%;
            height: 34px;
            line-height: 34px;
            font-size: 14px;
            margin-bottom: 18px;
        }

        .mobile-consult-section .tel-info {
            gap: 10px;
            max-width: 100%;
            overflow-x: hidden;
        }

        .mobile-consult-section .tel-item {
            font-size: 12px;
        }

        .mobile-footer-section {
            padding: 12px;
            max-width: 100%;
            overflow-x: hidden;
        }

        .mobile-footer-section .company-address h4 {
            font-size: 14px;
        }

        .mobile-footer-section .company-address p {
            font-size: 12px;
        }

        .mobile-footer-section .mqr-item img {
            width: 60px;
            height: 60px;
            max-width: 100%;
        }

        .mobile-footer-section .mqr-item p {
            font-size: 10px;
        }

        .mobile-nav-close {
            top: 10px;
            right: 10px;
            width: 24px;
            height: 24px;
            font-size: 12px;
        }
    }

    @media (max-width: 320px) {
        #pc-header .container-layout {
            padding: 0 6px;
            max-width: 100%;
            box-sizing: border-box;
            overflow-x: hidden;
        }

        #pc-header .logo img {
            height: 30px;
            max-width: 100%;
            object-fit: contain;
        }

        #pc-header .mobile-menu-toggle {
            width: 20px;
            height: 14px;
        }

        #pc-header .mobile-menu-toggle span {
            height: 1px;
        }

        #pc-header .nav-tag {
            margin-left: 3px;
        }

        #pc-header .nav-tag-bg {
            width: 60px;
            height: 16px;
        }

        #pc-header .nav-tag-text {
            width: 45px;
            height: 9px;
        }

        .mobile-nav {
            width: 220px;
            max-width: 80vw;
            right: -220px;
        }

        .mobile-nav-content {
            padding: 0px 6px 20px;
            max-width: 100%;
            overflow-x: hidden;
        }

        .mobile-consult-section {
            padding: 10px;
            max-width: 100%;
            overflow-x: hidden;
        }

        .mobile-consult-section .consult-title {
            font-size: 14px;
            margin-bottom: 15px;
        }

        .mobile-consult-section .consult-button {
            width: 140px;
            max-width: 100%;
            height: 30px;
            line-height: 30px;
            font-size: 13px;
            margin-bottom: 15px;
        }

        .mobile-consult-section .tel-info {
            gap: 8px;
            max-width: 100%;
            overflow-x: hidden;
        }

        .mobile-consult-section .tel-item {
            font-size: 11px;
        }

        .mobile-footer-section {
            padding: 10px;
            max-width: 100%;
            overflow-x: hidden;
        }

        .mobile-footer-section .company-address h4 {
            font-size: 13px;
        }

        .mobile-footer-section .company-address p {
            font-size: 11px;
        }

        .mobile-footer-section .mqr-item img {
            width: 50px;
            height: 50px;
            max-width: 100%;
        }

        .mobile-footer-section .mqr-item p {
            font-size: 9px;
        }

        .mobile-nav-close {
            top: 8px;
            right: 8px;
            width: 22px;
            height: 22px;
            font-size: 11px;
        }
    }

    /* 页面内容上边距 */
    body {
        padding-top: 68px;
        transition: padding-top 0.3s ease;
        /* 防止横向滚动 */
        max-width: 100vw;
        overflow-x: hidden;
    }

    /* 锚链接偏移修复 - 解决固定导航栏遮挡问题 */
    html {
        scroll-behavior: smooth;
        /* 添加平滑滚动效果 */
        scroll-padding-top: 68px;
        /* 桌面端导航栏高度 + 缓冲 */
        /* 防止横向滚动 */
        max-width: 100vw;
        overflow-x: hidden;
    }

    .head-phone {
        font-size: 12px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0em;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        /* 黑 */
        color: #15181C;
    }

    .head-phone img {
        width: 24px;
        height: 24px;

    }


    .user-login {
        border-radius: 8px;
        opacity: 1;

        background: #FFFFFF;

        box-sizing: border-box;
        /* 渐变 */
        border: 1px solid #8F00FF;
        padding: 4px 14px;
        margin-left: 20px;
    }

    .user-login button {
        font-family: Alibaba PuHuiTi 3.0;
        font-size: 14px;
        font-weight: 500;
        line-height: 16px;
        letter-spacing: 0em;

        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;

        border: 0;

    }

    /* 登录后头像样式 */
    .user-login.logged {
        border: none;
        padding: 0;
        background: transparent;
        height: 68px;
        /* 与导航高度一致，避免出现滚动条 */
        display: flex;
        align-items: center;
    }

    /* 确保导航区域不产生内部滚动条 */
    #pc-header .nav,
    #pc-header .nav-menu,
    #pc-header .nav-menu > li,
    #pc-header .user-login {
        overflow: visible !important;
    }

    .user-menu {
        position: relative;
        height: 100%;
        display: flex;
        align-items: center;
    }

    .user-avatar {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        overflow: hidden;
        /* border: 1px solid #e9ecef; */
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .user-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
        display: block;
    }

    .user-dropdown {
        position: fixed;
        right: calc((100vw - 1200px) / 2);
        top: 60px;
        /* 下拉从导航底部展开，避免与header重叠产生滚动条 */
        background: #fff;
        border: 1px solid #eee;
        border-radius: 8px;
        box-shadow: 0 6px 24px rgba(0, 0, 0, .08);
        min-width: 120px;
        display: none;
        z-index: 1000;
        /* 提高层级，避免被盖住 */
        padding: 6px 0;
    }

    .user-dropdown.show {
        display: block;
    }

    .user-dropdown-item {
        padding: 8px 14px;
        font-size: 13px;
        color: #333;
        cursor: pointer;
        white-space: nowrap;
    }

    .user-dropdown-item:hover {
        background: #F7F9FE;
        color: #2538FF;
    }

    /* 移动端锚链接偏移调整 */
    @media (max-width: 768px) {
        html {
            scroll-padding-top: 72px;
            /* 移动端导航栏高度60px + 12px缓冲 */
            /* 防止横向滚动 */
            max-width: 100vw;
            overflow-x: hidden;
        }

        body {
            padding-top: 60px !important;
            /* 防止横向滚动 */
            max-width: 100vw;
            overflow-x: hidden;
        }
    }
    
        .compliance-bottom-line {
            padding: 60px 0;
            max-width: 1200px;
            margin: 0 auto;
        }

        .section-header {
            text-align: center;
            margin-bottom: 4rem;
            padding: 0 2rem;
        }


        .section-title {
            font-size: 4.5rem;
            font-weight: 700;
            color: var(--dark);
            margin-bottom: 1.5rem;
        }

        .section-subtitle {
            font-size: 2rem;
            color: #4b5563;
            max-width: 600px;
            margin: 0 auto;
        }

        .compliance-grid {
            grid-template-columns: repeat(4, 1fr);
            gap: 3rem;
        }

        .values-grid {
            display: grid;
            gap: 3rem;
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 4rem;
            grid-template-columns: repeat(4, 1fr);
        }

        .fade-in {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.5s ease, transform 0.5s ease;
        }

        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .value-card {
            padding: 4rem;
        }

        .value-card {
            background: white;
            border-radius: 12px;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
            text-align: center;
        }

        .value-icon {
            width: 8rem;
            height: 8rem;
            margin: 0 auto 2rem;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(30, 64, 175, 0.1);
            border-radius: 8px;
            font-size: 3rem;
            font-weight: 700;
            color: #1e40af;
            overflow: hidden;
        }

        .value-icon-img {
            padding: 0;
            background: transparent;
        }

        .compliance-grid .value-icon-img {
            width: auto;
            height: auto;
            max-width: 100%;
        }

        .value-icon-img img {
            width: 100%;
            height: auto;
            object-fit: contain;
            border-radius: 8px;
            display: block;
        }

        .value-title {
            font-size: 2.3rem;
            font-weight: 600;
            margin-bottom: 1rem;
        }

        .value-description {
            font-size: 1.6rem;
            color: #4b5563;
            line-height: 1.6;
        }

        .geo-cases .geo-case-overview {
            background: white;
            padding: 3rem;
            border-radius: 12px;
            box-shadow: 0 4px 6px 4px rgba(0, 0, 0, 0.1);
            margin-bottom: 4rem;
            margin-top: 2rem;
        }

        .geo-cases .geo-case-stats {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 3rem;
            text-align: center;
        }

        .geo-cases .stat-item {
            padding: 1rem;
            box-shadow: none;
        }

        .geo-cases .stat-number {
            font-size: 2.75rem;
            font-weight: 700;
            margin-bottom: 0.25rem;
            text-align: center;
            line-height: 1.5;
        }

        .geo-cases .stat-label {
            font-size: 1.6rem;
            color: #6b7280;
            text-align: center;
        }

        @media (max-width: 768px) {
            .section-title {
                font-size: 3rem;
            }

            .compliance-grid {
                grid-template-columns: 1fr;
            }

            .geo-cases .geo-case-stats {
                grid-template-columns: 1fr;
            }

            .geo-cases .stat-item {
                flex-direction: column;
            }
        }

        @media screen and (max-width: 768px) {
            .layui-col-xs6 {
                float: none !important;
                width: 100% !important;
            }

            .grid-demo {
                width: 100% !important;
            }
        }
        
    /* 新闻资讯页面样式 */

    /* 容器样式 */
    .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 15px;
    }

    /* Banner模块样式 */
    .news-banner-section {
        padding: 120px 0 80px;
        background: url(https://geo.yunluohudong.com/public/geo/template/z_01.png) no-repeat center center;
        background-size: cover;
        position: relative;
    }

    .news-banner-content {
        text-align: center;
        position: relative;
        z-index: 2;
    }

    .news-banner-title h1 {
        font-family: 'AlibabaPuHuiTi';
        font-size: 36px;
        font-weight: 500;
        color: #1A2233;
        margin: 0;
        line-height: 1.4;
        margin-bottom: 30px;
    }

    .highlight {
        display: inline-block;
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        margin-left: 200px;
    }

    .news-banner-bg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        background: linear-gradient(135deg, rgba(240, 240, 240, 0.3) 0%, rgba(245, 245, 245, 0.1) 100%);
        z-index: -1;
    }

    /* 主要内容区域样式 */
    .news-main-section {
        padding: 40px 0;
        background: #f8f9fa;
    }

    .news-content-wrapper {
        display: flex;
        gap: 20px;
        align-items: flex-start;
    }

    /* 左侧文章列表样式 */
    .news-articles-column {
        flex: 1;
        min-width: 0;
        width: 100%;
    }

    .articles-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        margin-bottom: 40px;
    }

    .article-card {
        background: #fff;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
        transition: all 0.3s ease;
        text-decoration: none;
        display: block;
        border: 1px solid transparent;
        word-wrap: break-word;
        word-break: break-word;
    }

    .article-card:hover {
        transform: translateY(-10px) !important;
        box-shadow: 0 12px 32px rgba(79, 70, 229, 0.22) !important;
        border: 1px solid #2538FF !important;
    }

    .article-image {
        width: 100%;
        height: 180px;
        overflow: hidden;
    }

    .article-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .article-card:hover .article-image img {
        transform: scale(1.05);
    }

    .article-content {
        padding: 20px;
    }

    .article-title {
        font-size: 16px;
        font-weight: 600;
        color: #1A2233;
        margin: 0 0 15px 0;
        line-height: 1.4;
        min-height: 44px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        word-break: break-word;
    }

    .article-description {
        font-size: 14px;
        color: #666;
        line-height: 1.6;
        margin: 0 0 20px 0;
        height: 44px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        word-break: break-word;
    }

    .article-meta {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .article-category {
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        color: #fff;
        padding: 4px 12px;
        border-radius: 15px;
        font-size: 12px;
        font-weight: 500;
    }

    .article-date {
        font-size: 12px;
        color: #999;
    }

    /* 分页样式 */
    .pagination-section {
        text-align: center;
        margin-bottom: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 16px;
        font-size: 16px;
    }

    .pagination-info {

        text-align: left;
    }

    .pagination-info span {
        font-size: 16px;
        color: #666;
    }

    .pagination-info .total-count strong {
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    @media (max-width: 768px) {
    }

    .pagination-links li {
        color: #666;
        font-weight: bold;
        display: inline-block;
        height: 40px;
        min-width: 40px;
        line-height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 6.25px;

    }

    .pagination-links .active {
        box-shadow: 0 4px 12px rgb(146 148 241);

        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    .pagination-links .active a {
        color: #fff;
    }

    .pagination-links a:hover {

        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;

    }

    .pagination-links {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        margin-left: 20px;
    }

    .page-link {
        display: inline-block;
        padding: 8px 12px;
        border: 1px solid #ddd;
        color: #666;
        text-decoration: none;
        border-radius: 4px;
        transition: all 0.3s ease;
        min-width: 40px;
        text-align: center;
    }

    .page-link:hover {
        border-color: #2538FF;
        color: #2538FF;
    }

    .page-link.active {
        background: #fef2f2;
        border-color: #2538FF;
        color: #2538FF;
    }

    .page-ellipsis {
        padding: 8px 12px;
        color: #999;
    }

    /* 上一篇下一篇样式 */
    .article-navigation {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        padding: 30px 0;
        /* border-top: 1px solid #eee; */
    }

    .nav-item {
        display: flex;
        align-items: center;
        max-width: 45%;
        min-width: 300px;
        height: 48px;
        line-height: 48px;
        text-align: left;
        box-sizing: border-box;
        border-radius: 12px;
        border: 1px solid rgba(79, 70, 229, 0.1);
        transition: all 0.3s ease;
    }

    .nav-item:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
    }

    .nav-label {
        font-size: 14px;
        color: rgba(26, 34, 51, 0.7);
        /* margin-right: 16px; */
        display: block;
        padding-left: 16px;
        width: 100px;
    }

    .nav-title {
        font-size: 14px;
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;

        text-decoration: none;
        line-height: 1.4;
        display: block;
        max-width: 80%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: 500;
    }

    .nav-title:hover {
        color: #2538FF;
    }

    /* 右侧侧边栏样式 */
    .news-sidebar-column {
        width: 260px;
        flex-shrink: 0;
    }

    /* 作者资料样式 */
    .sidebar-author-section {
        background: url(https://geo.yunluohudong.com/public/geo/template/z_05.png) no-repeat center center;
        background-size: cover;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        overflow: hidden;
        margin-bottom: 30px;
    }

    .author-profile {
        padding: 12px;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .author-profile::after {
        content: '';
        position: absolute;
        top: 10px;
        right: 10px;
        width: 60px;
        height: 40px;
        background: url(https://geo.yunluohudong.com/public/geo/template/z_05.png) no-repeat center center;
        background-size: contain;
        opacity: 0.3;
        z-index: 1;
    }

    .author-avatar {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        overflow: hidden;
        border: 3px solid rgba(255, 255, 255, 0.3);
        position: relative;
        z-index: 2;
        flex-shrink: 0;
    }

    .author-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .author-info {
        flex: 1;
        position: relative;
        z-index: 2;
        width: calc(100% - -75px);
    }

    .author-name {
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .author-bio {
        height: 26px;
        line-height: 26px;
        /*width: 86px;*/
        text-align: center;
        color: rgba(255, 255, 255, 0.9);
        font-size: 12px;
        border: 0.5px solid #FFFFFF;
        border-radius: 20px;
        width: fit-content;
        padding: 0 5px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 100%;
    }

    .author-content {

        padding: 0 12px 12px 12px;
    }

    .author-description {
        color: #fff;
        font-size: 12px;
        line-height: 1.5;
        margin-bottom: 12px;
        padding-bottom: 12px;
        border-bottom: 0.5px solid #fff;
    }

    .scan-code-section {
        background: #fbf7ff;
        padding: 12px;
        border-radius: 12px;
        margin-top: 15px;
        position: relative;
    }


    .scan-code-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 0;
        position: relative;
        z-index: 1;
    }

    .scan-code-title {
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 0;
    }

    .scan-code-text {
        color: #1A2233;
        font-size: 12px;
        line-height: 1.6;
        margin-bottom: 0;
    }

    .scan-code-text .highlight {
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-weight: bold;
    }

    .qr-code-area {
        display: flex;
        justify-content: flex-end;
        margin-left: 6px;
    }

    .qr-code-placeholder {
        width: 80px;
        height: 80px;
        border: none;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    .qr-code-placeholder img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 6px;
    }

    /* 热门文章样式 */
    .sidebar-hot-articles {

        border-radius: 8px;

        margin-bottom: 30px;

    }

    .sidebar-section-title {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    .title-icon {
        width: 4px;
        height: 16px;
        background: #2538FF;
        margin-right: 10px;
        border-radius: 2px;
    }

    .sidebar-section-title h3 {
        font-size: 16px;
        font-weight: 600;
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        padding-left: 10px;
        margin: 0;
    }

    .hot-articles-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .hot-article-item {
        display: flex;
        align-items: center;
        padding: 12px 0;
        border-bottom: 1px solid #f0f0f0;
    }


    .article-number {

        color: #999;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        font-weight: 600;
        margin-right: 15px;
        flex-shrink: 0;
    }

    .hot-articles-list li:nth-child(1) .article-number {
        color: #2538FF;
    }

    .hot-articles-list li:nth-child(2) .article-number {
        color: #2538FF;
        opacity: 0.7;
    }

    .hot-articles-list li:nth-child(3) .article-number {
        color: #2538FF;
        opacity: 0.4;
    }

    .hot-article-item .article-title2 {
        flex: 1;
        font-size: 14px;
        color: #1A2233;
        text-decoration: none;
        line-height: 1.4;
        margin: 0;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .hot-article-item .article-title2:hover {
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    .hot-article-item .article-date {
        font-size: 12px;
        color: #999;
        margin-left: 10px;
        flex-shrink: 0;
    }

    /* 推荐文章样式 */
    .sidebar-recommended {

        border-radius: 8px;


    }

    .filter-boxs {
        display: flex;
        justify-content: start;
        flex-wrap: wrap;
        gap: 10px;
    }

    .filter-boxs a {
        display: inline-block;
        background: #fff;
        border: 1px solid #2538FF;
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        width: 100px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        border-radius: 36px;
        font-size: 12px;
        cursor: pointer;
        transition: all 0.3s ease;
        text-align: center;

    }

    .filter-boxs .active, .filter-boxs a:hover {
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        color: #fff;
        text-fill-color: aliceblue;
        -webkit-text-fill-color: aliceblue;

    }


    /* 响应式设计 */
    @media (max-width: 1200px) {
        .container {
            max-width: 100%;

        }

        .news-content-wrapper {
            gap: 30px;
        }

        .news-sidebar-column {
            width: 300px;
        }
    }

    @media (max-width: 992px) {
        .articles-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            padding: 0;
        }

        .news-content-wrapper {
            flex-direction: column;
            gap: 30px;
        }

        .news-sidebar-column {
            width: 100%;
        }


    }

    @media (max-width: 768px) {
        .news-banner-section {
            padding: 30px 0;
            background-size: auto;
        }

        .news-banner-title h1 {
            width: 100%;
            padding: 0 20px;
            font-size: 40px;
            line-height: 1.8;
            margin-top: 20px;
        }

        .highlight {
            margin-left: 40px;
            display: block;
        }

        .articles-grid {
            gap: 8px;
            margin-bottom: 20px;
            grid-template-columns: repeat(2, 1fr);
            width: 100%;
            padding-right: 72px;
        }

        .article-card {
            min-height: auto;
            overflow: hidden;
            margin-bottom: 4px;

            width: calc(100% - 8px);
        }

        .article-image {
            height: 140px;
        }

        .article-content {
            padding: 15px;
        }

        .article-title {
            font-size: 14px;
            height: auto;
            line-height: 1.3;
            margin-bottom: 10px;
            -webkit-line-clamp: 2;
        }

        .article-description {
            font-size: 12px;
            height: auto;
            line-height: 1.4;
            margin-bottom: 15px;
            -webkit-line-clamp: 2;
        }

        .article-meta {
            flex-direction: column;
            align-items: flex-start;
            gap: 8px;
        }

        .article-category {
            font-size: 11px;
            padding: 3px 8px;
        }

        .article-date {
            font-size: 11px;
        }

        .article-navigation {
            flex-direction: column;
            gap: 15px;
            text-align: center;
            width: 100%;
            padding: 0;
        }

        .nav-item {
            max-width: 96% !important;
            width: 96% !important;
            padding: 15px;
        }

        .nav-label {
            font-size: 12px;
            margin-bottom: 6px;
            width: 80px;
        }

        .nav-title {
            font-size: 13px;
            line-height: 1.3;
        }

        .recommended-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 8px;
        }

        .recommended-btn {
            font-size: 11px;
            padding: 6px 10px;
        }

        .pagination-section {
            flex-direction: column;
            gap: 20px;
            margin-right: 0;
            margin-bottom: 0px;
        }

        .pagination-links {
            gap: 6px;
        }

        .page-link {
            padding: 6px 10px;
            min-width: 36px;
            font-size: 13px;
        }
    }

    @media (max-width: 480px) {
        .news-banner-section {
            padding: 30px 0;
            background-size: auto;
        }

        .news-main-section {
            padding: 16px 0;
        }

        .news-banner-title h1 {
            font-size: 22px;
            line-height: 1.8;
            margin-top: 20px;
        }

        .articles-grid {
            padding: 0;
            gap: 8px;
        }

        .article-image {
            height: 160px;
        }

        .article-content {
            padding: 12px;
        }

        .article-title {
            font-size: 15px;
            margin-bottom: 8px;
        }

        .article-description {
            font-size: 13px;
            margin-bottom: 12px;
        }

        .article-meta {
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
        }

        .recommended-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 6px;
        }

        .recommended-btn {
            font-size: 10px;
            padding: 5px 8px;
            line-height: 1.1;
        }

        .sidebar-author-section {
            margin-bottom: 20px;
        }

        .author-profile {
            padding: 20px;
        }

        .author-avatar {
            width: 50px;
            height: 50px;
        }

        .author-name {
            font-size: 18px;
        }

        .author-bio {
            font-size: 13px;
        }

        .author-content {
            padding: 15px;
        }

        .scan-code-section {
            padding: 15px;
        }

        .scan-code-title {
            font-size: 16px;
        }

        .scan-code-text {
            font-size: 13px;
        }

        .qr-code-placeholder {
            width: 60px;
            height: 60px;
        }
    }

    /* 新闻详情页样式 */
    .breadcrumb-section {
        background: #F7F9FB;
        padding: 15px 0;
        /* border-bottom: 1px solid #eee; */
    }

    .breadcrumb-nav {
        display: flex;
        align-items: center;

        font-size: 14px;
        color: #666;
    }

    .breadcrumb-nav .separator {
        color: #ccc;
    }

    .article-main-section {
        padding: 0 0 20px 0;
        background: #F7F9FB;
    }

    .article-content-wrapper {
        display: flex;
        gap: 20px;
        align-items: flex-start;
    }

    .article-content-column {
        flex: 1;
        max-width: calc(100% - 360px);
    }

    .article-header {
        margin-bottom: 30px;
    }

    .article-header .article-title {
        font-size: 32px;
        font-weight: 700;
        color: #1A2233;
        margin: 0 0 20px 0;
        line-height: 1.3;
    }

    .article-header .article-meta {
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 15px;
        font-size: 14px;
        color: #666;
    }

    .article-header .article-category {
        color: #fff;
        font-weight: 500;
    }

    .article-header .article-separator {
        color: #999;
    }

    .article-header .article-date {
        color: #999;
    }

    .article-main-image {
        margin-bottom: 30px;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }

    .article-main-image img {
        width: 100%;
        height: auto;
        display: block;
    }

    .article-body {

        line-height: 1.8;
        color: #1A2233;
    }

    .article-body img {
        max-width: 100%;
        height: auto;
        display: block;
    }

    .article-body p {
        margin: 0 0 20px 0;
        font-size: 16px;
        text-align: justify;
    }

    .article-body p:last-child {
        margin-bottom: 0;
    }

    /* 底部咨询区域样式 */
    .consultation-section {
        background: #2538FF;
        padding: 60px 0;
        color: #fff;
    }

    .consultation-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 40px;
    }

    .consultation-text {
        flex: 1;
        max-width: 600px;
    }

    .consultation-title {
        font-size: 28px;
        font-weight: 700;
        margin: 0 0 20px 0;
        line-height: 1.3;
    }

    .consultation-subtitle {
        font-size: 16px;
        line-height: 1.6;
        margin: 0;
        opacity: 0.9;
    }

    .consultation-form {
        display: flex;
        gap: 15px;
        align-items: center;
        flex-shrink: 0;
    }

    .form-input {
        padding: 12px 16px;
        border: none;
        border-radius: 6px;
        font-size: 14px;
        min-width: 140px;
    }

    .form-input::placeholder {
        color: #999;
    }

    .submit-btn {
        background: #c0392b;
        color: #fff;
        border: none;
        padding: 12px 24px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .submit-btn:hover {
        background: #a93226;
        transform: translateY(-2px);
    }

    /* 响应式设计 - 详情页 */
    @media (max-width: 1200px) {
        .article-content-wrapper {
            gap: 30px;
        }

        .article-content-column {
            max-width: calc(100% - 320px);
        }
    }

    @media (max-width: 992px) {
        .article-content-wrapper {
            flex-direction: column;
            gap: 40px;
        }

        .article-content-column {
            max-width: 100%;
        }

        .consultation-content {
            flex-direction: column;
            text-align: center;
            gap: 30px;
        }

        .consultation-form {
            flex-wrap: wrap;
            justify-content: center;
        }
    }

    @media (max-width: 768px) {
        .article-header .article-title {
            font-size: 24px;
        }

        .article-body p {
            font-size: 15px;
        }

        .consultation-title {
            font-size: 22px;
        }

        .consultation-subtitle {
            font-size: 14px;
        }

        .consultation-form {
            flex-direction: column;
            width: 100%;
        }

        .form-input {
            width: 100%;
            min-width: auto;
        }

        .submit-btn {
            width: 100%;
        }
    }

    @media (max-width: 480px) {
        .article-main-section {
            padding: 0 0 20px 0;
        }

        .article-header .article-title {
            font-size: 20px;
        }

        .article-body p {
            font-size: 14px;
        }

        .consultation-section {
            padding: 40px 0;
        }

        .consultation-title {
            font-size: 18px;
        }

        .consultation-subtitle {
            font-size: 13px;
        }
    }

    /* 表单提交模块样式 */
    .form-submission {
        padding: 60px 0;
        background: url(https://geo.yunluohudong.com/public/geo/template/form_bg.jpg) no-repeat center center;
        background-size: cover;
        position: relative;
    }

    .form-submission .container {
        max-width: 1200px;
        margin: 0 auto;
        width: 100%;
        position: relative;
        z-index: 2;
    }

    .form-content {
        text-align: center;

        margin: 0 auto;
    }

    .form-header {
        margin-bottom: 40px;
    }

    .form-title {
        font-size: 32px;
        font-weight: bold;
        color: #000;
        margin: 0 0 15px 0;
        line-height: 1.3;
    }

    .form-subtitle {
        font-size: 16px;
        color: rgba(0, 0, 0, 0.9);
        margin: 0;
        line-height: 1.6;
    }

    .contact-form {
        width: 100%;
    }

    .form-fields {
        display: flex;
        gap: 20px;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: nowrap;
    }

    .form-group {
        flex: 1;
        min-width: 180px;
        position: relative;
    }

    .form-group input {
        width: 100%;
        height: 50px;
        padding: 0 30px;
        border: none;
        border-radius: 8px;
        background: #fff;
        font-size: 14px;
        color: #000;
        box-sizing: border-box;
        transition: all 0.3s ease;
    }

    .form-group input::placeholder {
        color: #999;
    }

    .form-group input:focus {
        outline: none;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
    }

    .form-group input.error {
        border: 1px solid #ef4444;
        box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2);
    }

    .error-message {
        position: absolute;
        top: 100%;
        left: 0;
        font-size: 12px;
        color: #ef4444;
        margin-top: 5px;
        display: none;
    }

    .error-message.show {
        display: block;
    }

    .submit-btn {
        height: 50px;
        width: 285px;
        background: linear-gradient(270deg, #8F00FF 0%, #2538FF 100%);
        border-radius: 8px;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.3s ease;
        white-space: nowrap;
        flex-shrink: 0;
        border: 1px solid #2538FF;
    }

    .submit-btn:hover {
        background: #2538FF;
        transform: translateY(-2px);
    }

    .submit-btn:active {
        transform: translateY(0);
    }

    /* 响应式设计 */
    @media (max-width: 1024px) {
        .form-submission {
            padding: 60px 0;
        }

        .form-title {
            font-size: 32px;
        }

        .form-subtitle {
            font-size: 15px;
        }

        .form-fields {
            gap: 15px;
        }

        .form-group {
            min-width: 180px;
        }
    }

    @media (max-width: 768px) {
        .form-submission {
            padding: 50px 16px;
        }

        .form-title {
            font-size: 28px;
        }

        .form-subtitle {
            font-size: 14px;
        }

        .form-fields {
            flex-direction: column;
            gap: 15px;
        }

        .form-group {
            min-width: 100%;
        }

        .submit-btn {
            width: 100%;
        }
    }

    @media (max-width: 480px) {
        .form-submission {
            padding: 40px 16px;
        }

        .form-title {
            font-size: 24px;
        }

        .form-subtitle {
            font-size: 13px;
        }

        .form-group input {
            height: 45px;
            font-size: 13px;
        }

        .submit-btn {
            height: 45px;
            font-size: 13px;
        }
    }

    /* 底部模块样式 */
    .site-footer {
        background: #1A1A1A;
        color: #fff;
        padding: 30px 0;
    }

    .site-footer .container {
        max-width: 1200px;
        margin: 0 auto;
        width: 100%;
    }

    /* 顶部区域样式 */
    .footer-top {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 10px;
    }

    .footer-left {
        flex: 0 0 auto;
    }

    .footer-logo {
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .footer-logo img {
        /* width: 75px; */
        height: 50px;
    }

    .logo-text {
        display: flex;
        flex-direction: column;
    }

    .logo-name {
        font-size: 24px;
        font-weight: bold;
        color: #fff;
        line-height: 1;
    }

    .logo-en {
        font-size: 12px;
        color: #fff;
        letter-spacing: 2px;
        margin-top: 5px;
    }

    .footer-right {
        display: flex;
        flex-direction: column;
        gap: 0px;
        text-align: right;
    }

    .contact-info {
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: end;
    }

    .contact-icon {
        width: 20px;
        height: 20px;
    }

    .contact-text {
        display: flex;
        flex-direction: column;
    }

    .contact-label {
        font-size: 14px;
        color: #fff;
        margin-bottom: 5px;
    }

    .contact-phone {
        font-size: 30px;
        font-weight: bold;
        color: #fff;
    }

    .qr-codes {
        display: flex;
        gap: 60px;
    }

    .qr-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .qr-code {
        width: 120px;
        height: 120px;
        background: #fff;
        border-radius: 4px;
    }

    .qr-text {
        font-size: 12px;
        color: #d6d6d6;
        text-align: center;
    }

    /* 中间区域样式 */
    .footer-middle {
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        padding: 40px 0;
        margin-bottom: 30px;
    }

    .footer-links {
        margin-top: 30px;
        display: flex;
        justify-content: space-between;
        gap: 40px;
    }

    .link-column {
        flex: 1;
    }

    .link-title {
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        margin: 0 0 20px 0;
        position: relative;
    }

    .link-title span {
        display: none;
        color: #fff;
        margin: 0 4px;
    }

    .link-title::after {
        content: '';
        position: absolute;
        right: -20px;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 16px;
        background: #333;
    }

    .link-column:last-child .link-title::after {
        display: none;
    }

    .link-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .link-list li {
        margin-bottom: 12px;
    }

    .link-list a {
        font-size: 14px;
        color: #b6b6b6;
        text-decoration: none;
        transition: color 0.3s ease;
    }

    .link-list a:hover {
        color: #fff;
    }

    /* 底部区域样式 */
    .footer-bottom {
        border-top: 1px solid #333;
        padding-top: 20px;
    }

    .footer-bottom-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .friendly-links {
        font-size: 12px;
        padding-bottom: 14px;
        color: #d6d6d6;
        border-bottom: 1px solid #333;
    }

    .friendly-links a {
        color: #d6d6d6;
    }

    .copyright {
        font-size: 12px;
        color: #999;
        text-align: center;
        padding-top: 14px;
    }

    .wapkf {
        display: none;
    }


    /* 响应式设计 */
    @media (max-width: 1024px) {
        .footer-top {
            flex-direction: column;
            gap: 30px;
        }

        .footer-right {
            width: 100%;
            justify-content: space-between;
        }

        .footer-links {
            gap: 30px;
        }
        
        .swiper-slide{
            height: 250px;
        }
        
        #pc-header .logo a{
            justify-content: flex-start;
        }
    }

    @media (max-width: 768px) {
        .site-footer {
            padding: 40px 0 85px 0;
        }

        .footer-top {
            text-align: center;
            flex-direction: column;
            align-items: center;
        }

        .footer-left {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .footer-logo {
            margin-bottom: 0px;
        }

        .footer-links {
            flex-direction: row;
            gap: 20px;
            justify-content: center;
            flex-wrap: wrap;
            margin-bottom: 30px;
        }

        .link-column {
            flex: 0 0 auto;
            min-width: 120px;
            text-align: center;
        }

        .link-list {
            display: none;
        }

        .link-title {
            font-size: 14px;
            margin-bottom: 15px;
        }

        .link-title span {

            color: #fff;
            margin: 0 4px;
        }

        .link-title::after {
            display: none;
        }

        .link-list li {
            margin-bottom: 8px;
        }

        .link-list a {
            font-size: 12px;
        }


        .footer-right {
            flex-direction: column;
            gap: 0px;
            align-items: center;
            width: 100%;
            margin-top: -32px;
        }

        .contact-info {
            justify-content: center;
        }

        .contact-phone {
            font-size: 24px;
            color: #fff;
            text-align: center;
        }

        .qr-item {
            margin: 0 40px
        }

        .qr-codes {
            gap: 0px;
            margin-top: 30px;
        }

        .footer-bottom {
            text-align: center;
            padding: 0px;
        }

        .friendly-links {
            margin-bottom: 12px;
            margin-top: 12px;
            text-align: left;
        }

        .copyright {
            text-align: center;
            padding: 0 30px;
        }

        .wapkf {
            position: fixed;
            bottom: 0;
            width: 100%;
            left: 0;
            line-height: 58px;
            height: 58px;
            background: #fff;
            display: block;
            z-index: 8;
        }

        .wapkf ul {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: flex;
            justify-content: space-around;
        }

        .wapkf ul li {
            width: 33%;
            position: relative;
        }

        .wapkf ul li i {
            display: block;
            height: 58px;
            width: 24px;
            margin-right: 6px;
        }

        .wapkf ul li a {
            color: #1A2233;
            font-size: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .wapkf ul li i.ico1 {
            background: url(/public/geo/template/ff1.png) no-repeat center;
            background-size: 24px;
        }

        .wapkf ul li i.ico2 {
            background: url(/public/geo/template/ff2.png) no-repeat center;
            background-size: 24px;
        }

        .wapkf ul li i.ico3 {
            background: url(/public/geo/template/ff3.png) no-repeat center;
            background-size: 24px;
        }

        .wapkf ul li:after {
            position: absolute;
            right: 0;
            content: "";
            display: block;
            width: 1px;
            height: 20px;
            background: #1A2233;
            top: 50%;
            margin-top: -10px;
            opacity: 0.1
        }

        .wapkf ul li:last-child:after {
            display: none;
        }
    }

    @media (max-width: 480px) {
        .site-footer {
            padding: 30px 0 85px 0;
        }

        .footer-logo {
            margin-bottom: 0px;
        }

        .footer-links {
            flex-direction: row;
            gap: 15px;
            justify-content: center;
            flex-wrap: wrap;
            margin-bottom: 25px;
        }

        .link-column {
            min-width: auto;
            flex: 0 0 auto;
        }

        .link-list {
            display: none;
        }

        .link-title {
            font-size: 13px;
            margin-bottom: 12px;
        }

        .link-list li {
            margin-bottom: 6px;
        }

        .link-list a {
            font-size: 11px;
        }

        .contact-phone {
            font-size: 20px;
            color: #fff;
        }

        .qr-item {
            margin: 0 40px
        }

        .qr-codes {
            gap: 0px;
            margin-top: 25px;
        }

        .qr-code {
            width: 110px;
            height: 110px;
        }

        .qr-text {
            font-size: 10px;
        }

        .friendly-links {
            font-size: 12px;
            margin-bottom: 12px;
            margin-top: 12px;
            text-emphasis: none;
        }

        .copyright {
            font-size: 10px;
        }
    }