
        .contact-hero {
            position: relative;
            width: 100%;
            height: 360px;
            background: linear-gradient(180deg, #d4dde0 0%, #c8d4d6 45%, #b8c7c9 100%);
            overflow: hidden;
            margin-bottom: 0;
        }

        .contact-hero-forest {
            position: absolute;
            inset: 0;
        }

        .contact-hero-forest img {
            width: 100% !important;
            height: 100% !important;
            max-width: none !important;
            object-fit: cover;
            object-position: center;
            display: block;
        }

        .contact-hero-wave {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -1px;
            width: 100%;
            height: 180px;
            pointer-events: none;
        }

        .contact-hero-wave svg {
            display: block;
            width: 100%;
            height: 100%;
        }

        .contact-panel {
            position: relative;
            max-width: 1200px;
            margin: 80px auto 120px auto;
            padding: 0 40px;
        }

        .contact-panel::before {
            content: '';
            position: absolute;
            inset: -40px -40px -40px -40px;
            z-index: -1;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 520' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23E4E9EA' stroke-width='1' opacity='0.7'%3E%3Cpath d='M-20,80 C220,30 440,160 660,110 C880,60 1100,180 1320,130'/%3E%3Cpath d='M-20,170 C200,120 420,250 640,200 C860,150 1080,260 1320,210'/%3E%3Cpath d='M-20,280 C240,220 460,350 680,290 C900,230 1120,350 1320,300'/%3E%3Cpath d='M-20,400 C220,330 440,460 660,400 C880,340 1100,470 1320,420'/%3E%3C/g%3E%3Cg fill='%23CDD3D5' opacity='0.55'%3E%3Cpath d='M540,180 q6,-5 12,0 q-3,-3 -6,0 q-3,-3 -6,0z'/%3E%3Cpath d='M620,150 q5,-4 10,0 q-2.5,-2.5 -5,0 q-2.5,-2.5 -5,0z'/%3E%3Cpath d='M700,195 q6,-5 12,0 q-3,-3 -6,0 q-3,-3 -6,0z'/%3E%3Cpath d='M760,165 q5,-4 10,0 q-2.5,-2.5 -5,0 q-2.5,-2.5 -5,0z'/%3E%3C/g%3E%3C/svg%3E");
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

        .contact-grid {
            display: grid;
            grid-template-columns: 260px 1fr auto;
            align-items: center;
            gap: 40px;
            padding-right: 60px;
        }

        .contact-label {
            position: relative;
            background-color: #3CBCA8;
            color: #ffffff;
            width: 260px;
            height: 150px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding-left: 36px;
            font-size: 22px;
            font-weight: 700;
            letter-spacing: 4px;
            overflow: hidden;
            box-shadow: 0 8px 24px rgba(60, 188, 168, 0.18);
            font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", sans-serif;
        }

        .contact-label::before {
            content: '';
            position: absolute;
            top: -10px;
            left: -20px;
            width: 180px;
            height: 120px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 120'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.28)' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M5,60 C25,40 55,35 80,50 C100,62 115,55 130,40'/%3E%3Cpath d='M5,75 C30,55 65,50 90,65 C115,78 130,72 150,55'/%3E%3Cpath d='M10,90 C35,72 70,68 95,82 C118,94 135,88 160,70'/%3E%3Cpath d='M0,45 C20,28 45,22 70,35'/%3E%3C/g%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-size: 180px 120px;
            pointer-events: none;
        }

        .contact-label span {
            position: relative;
            z-index: 1;
        }

        .contact-info {
            display: flex;
            flex-direction: column;
            gap: 14px;
            font-size: 17px;
            line-height: 1.8;
            color: #333;
            padding-left: 20px;
            font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", sans-serif;
        }

        .contact-info .contact-info-lab {
            font-size: 17px;
            color: #222;
            font-weight: 500;
            margin-bottom: 4px;
        }

        .contact-info a {
            color: #3CBCA8;
            text-decoration: underline;
            text-underline-offset: 3px;
        }

        .contact-info a:hover {
            color: #2BA391;
        }

        .contact-title {
            font-size: 40px;
            font-weight: 700;
            color: #222;
            letter-spacing: 6px;
            white-space: nowrap;
            padding-right: 20px;
            margin: 0;
            font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", sans-serif;
        }

        body.contact-body #jumbotran {
            display: none;
        }

        body.contact-body #container .inner.l-inner {
            padding: 0 !important;
            max-width: 100%;
            width: 100%;
        }

        body.contact-body .col-menu {
            display: none;
        }

        body.contact-body .col-news {
            width: 100%;
            margin: 0;
            padding: 0;
            float: none;
        }

        body.contact-body .page-navigation {
            display: none;
        }

        body.contact-body .col-news-con,
        body.contact-body .col-news-list,
        body.contact-body .wp_single,
        body.contact-body .wp_entry,
        body.contact-body .wp_articlecontent {
            padding: 0;
            margin: 0;
            border: none;
            background: transparent;
        }

        @media (max-width: 960px) {
            .contact-hero {
                height: 240px;
            }
            .contact-hero-wave {
                height: 120px;
            }
            .contact-panel {
                margin: 40px auto 60px auto;
                padding: 0 20px;
            }
            .contact-grid {
                grid-template-columns: 1fr;
                gap: 30px;
                padding-right: 0;
            }
            .contact-label {
                width: 100%;
                max-width: 260px;
                height: 120px;
            }
            .contact-title {
                font-size: 32px;
                text-align: left;
                padding-right: 0;
            }
            .contact-info {
                padding-left: 0;
                font-size: 16px;
            }
        }

        @media (max-width: 480px) {
            .contact-hero {
                height: 170px;
            }
            .contact-hero-wave {
                height: 80px;
            }
            .contact-label {
                height: 100px;
                font-size: 20px;
                padding-left: 24px;
            }
            .contact-title {
                font-size: 26px;
            }
        }
    