.footer-container {
            width: 100%;
            background-color: #111111;
            background-image:
                radial-gradient(ellipse at 20% 0%, rgba(224, 49, 63, 0.04) 0%, transparent 60%),
                radial-gradient(ellipse at 75% 100%, rgba(212, 168, 83, 0.03) 0%, transparent 50%),
                radial-gradient(ellipse at 50% 30%, rgba(255, 255, 255, 0.015) 0%, transparent 70%);
            color: #ffffff;
            padding: 60px 0 0 0;
            position: relative;
            overflow: hidden;
        }

        /* 顶部微妙的装饰线 */
        .footer-container::before {
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80%;
            max-width: 1400px;
            height: 1px;
            background: linear-gradient(90deg,
                    transparent 0%,
                    rgba(224, 49, 63, 0.5) 15%,
                    rgba(224, 49, 63, 0.7) 30%,
                    rgba(212, 168, 83, 0.5) 50%,
                    rgba(224, 49, 63, 0.7) 70%,
                    rgba(224, 49, 63, 0.5) 85%,
                    transparent 100%);
            z-index: 0;
            opacity: 0.7;
        }

        /* 背景网格纹理 */
        .footer-container::after {
            content: '';
            position: absolute;
            inset: 0;
            background-image:
                linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255, 255, 255, 0.015) 1px, transparent 1px);
            background-size: 60px 60px;
            pointer-events: none;
            z-index: 0;
            opacity: 0.5;
        }

        .footer-inner {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 20px;
            position: relative;
            z-index: 1;
        }

        /* ============ 主内容区 ============ */
        .footer-main {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            gap: 0;
        }

        /* ============ 导航列 ============ */
        .footer-column {
            width: 15%;
            margin-bottom: 30px;
            padding-right: 12px;
        }

        .footer-column.footer-contact {
            width: 40%;
            padding-left: 48px;
            border-left: 1px solid rgba(255, 255, 255, 0.10);
            position: relative;
        }

        /* 联系区域左侧的微光装饰 */
        .footer-column.footer-contact::before {
            content: '';
            position: absolute;
            left: -1px;
            top: 0;
            width: 0px;
            height: 60px;
            background: #ffffff;
            border-radius: 2px;
        }

        .footer-column h3 {
            font-size: 17px;
            font-weight: 700;
            margin-bottom: 20px;
            color: #f0f0f5;
            position: relative;
            padding-bottom: 12px;
            letter-spacing: 0.5px;
            font-family: 'Microsoft YaHei', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
        }

        /* 标题下划线 - 渐变风格 */
        .footer-column h3::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 36px;
            height: 1px;
            background: linear-gradient(90deg, #ffffff 0%, #ffffff 60%, #ffffff 100%);
            border-radius: 2px;
            transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .footer-column:hover h3::after {
            width: 50px;
        }

        .footer-column h3 a {
            color: #f0f0f5;
            text-decoration: none;
            transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
        }

        .footer-column h3 a:hover {
            color: #ffffff;
        }

        .footer-column ul {
            list-style: none;
        }

        .footer-column ul li {
            margin-bottom: 10px;
        }

        .footer-column ul li a {
            color: #b0b0bb;
            text-decoration: none;
            font-size: 14px;
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
            display: inline-block;
            position: relative;
            padding-left: 0;
            letter-spacing: 0.3px;
        }

        /* 导航链接左侧小箭头 */
        .footer-column ul li a::before {
            content: '';
            position: absolute;
            left: -14px;
            top: 50%;
            transform: translateY(-50%) translateX(6px);
            width: 0;
            height: 0;
            border-top: 4px solid transparent;
            border-bottom: 4px solid transparent;
            border-left: 5px solid #ffffff;
            opacity: 0;
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .footer-column ul li a:hover {
            color: #ffffff;
            padding-left: 8px;
            text-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
        }

        .footer-column ul li a:hover::before {
            opacity: 1;
            transform: translateY(-50%) translateX(0);
        }

        /* ============ 联系信息区域 ============ */
        .footer-contact h3 {
            margin-bottom: 24px;
        }

        .footer-contact-phone {
            margin-bottom: 24px;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.01) 100%);
            border: 1px solid rgba(255, 255, 255, 0.06);
            border-radius: 14px;
            padding: 20px 24px;
            position: relative;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
        }

        /* 电话卡片装饰角标 */
        .footer-contact-phone::after {
            content: '';
            position: absolute;
            top: -20px;
            right: -20px;
            width: 80px;
            height: 80px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, transparent 70%);
            pointer-events: none;
        }

        .footer-contact-phone .phone-row {
            display: flex;
            align-items: baseline;
            gap: 8px;
            margin-bottom: 4px;
            flex-wrap: wrap;
        }

        .footer-contact-phone .phone-number {
            font-size: 26px;
            font-weight: 700;
            color: #ffffff;
            letter-spacing: 0.8px;
            font-family: 'Microsoft YaHei', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
            transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
            cursor: default;
            position: relative;
            z-index: 1;
        }

        .footer-contact-phone .phone-number:hover {
            color: #ffffff;
        }

        .footer-contact-phone .phone-divider {
            color: #7a7a88;
            font-size: 18px;
            margin: 0 2px;
            opacity: 0.5;
        }

        .footer-contact-phone .phone-label {
            font-size: 13px;
            color: #7a7a88;
            display: block;
            margin-top: 8px;
            letter-spacing: 1px;
            text-transform: uppercase;
            position: relative;
            z-index: 1;
            font-weight: 500;
        }

        .footer-contact-phone .phone-label i {
            margin-right: 6px;
            color: #ffffff;
            font-size: 12px;
            animation: pulse-dot 2s ease-in-out infinite;
        }

        @keyframes pulse-dot {
            0%,
            100% {
                opacity: 0.5;
            }
            50% {
                opacity: 1;
            }
        }

        .footer-contact-info {
            margin-bottom: 28px;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .footer-contact-info .info-item {
            color: #b0b0bb;
            font-size: 16px;
            display: flex;
            align-items: flex-start;
            gap: 12px;
            padding: 5px 14px;
            border-radius: 8px;
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
            background: transparent;
            cursor: default;
        }

        .footer-contact-info .info-item:hover {
            background: rgba(255, 255, 255, 0.03);
            color: #ffffff;
        }

        .footer-contact-info .info-item .info-icon-wrap {
            width: 34px;
            height: 34px;
            min-width: 34px;
            border-radius: 50%;
            background: #222222;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .footer-contact-info .info-item:hover .info-icon-wrap {
         
        
        }

        .footer-contact-info .info-item i {
            color: #ffffff;
            font-size: 14px;
            transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .footer-contact-info .info-item:hover i {
            transform: scale(1.15);
        }

        .footer-contact-info .info-item span {
            line-height: 1.5;
            padding-top: 5px;
        }

        /* ============ 二维码区域 ============ */
        .footer-qrcode {
            display: flex;
            flex-wrap: wrap;
            gap: 14px;
        }

        .footer-qrcode-item {
            width: calc(25% - 11px);
            text-align: center;
            transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .footer-qrcode-item:hover {
            transform: translateY(-4px);
        }

        .footer-qrcode-item a {
            text-decoration: none;
            display: block;
        }

        .qrcode-card {
            width: 82px;
            height: 82px;
            margin: 0 auto 10px auto;
            background: #ffffff;
            border-radius: 14px;
            padding: 5px;
            position: relative;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.40);
            transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
            overflow: hidden;
            cursor: pointer;
        }

        /* 二维码卡片光晕 */
        .qrcode-card::before {
            content: '';
            position: absolute;
            inset: -2px;
            border-radius: 16px;
            background: linear-gradient(135deg,
                    rgba(224, 49, 63, 0.5) 0%,
                    rgba(212, 168, 83, 0.4) 30%,
                    rgba(224, 49, 63, 0.3) 60%,
                    rgba(212, 168, 83, 0.5) 100%);
            z-index: -1;
            opacity: 0;
            transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1);
            filter: blur(8px);
        }

        .footer-qrcode-item:hover .qrcode-card {
            box-shadow:
                0 12px 36px rgba(0, 0, 0, 0.5),
                0 0 0 3px rgba(224, 49, 63, 0.25);
            transform: scale(1.06);
        }

        .footer-qrcode-item:hover .qrcode-card::before {
            opacity: 1;
        }

        .qrcode-card .qrcode-img {
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 11px;
            position: relative;
            z-index: 1;
            background: #ffffff;
        }

        .qrcode-card .qrcode-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), filter 0.35s cubic-bezier(0.4, 0, 0.2, 1);
            display: block;
        }

        .footer-qrcode-item:hover .qrcode-card .qrcode-img img {
            transform: scale(1.08);
            filter: brightness(0.92);
        }

        .footer-qrcode-item .qrcode-label {
            font-size: 13px;
            color: #b0b0bb;
            font-weight: 500;
            letter-spacing: 0.4px;
            transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .footer-qrcode-item:hover .qrcode-label {
            color: #ffffff;
        }

        /* 平台小图标标识 */
        .qrcode-platform-dot {
            display: inline-block;
            width: 0px;
            height: 0px;
            border-radius: 50%;
            margin-right: 5px;
            vertical-align: middle;
            position: relative;
            top: -1px;
        }
        .dot-wechat {
            background: #07c160;
            box-shadow: 0 0 6px rgba(7, 193, 96, 0.6);
        }
        .dot-douyin {
            background: #ff2d55;
            box-shadow: 0 0 6px rgba(255, 45, 85, 0.6);
        }

        /* ============ 底部版权区 ============ */
        .footer-bottom {
            width: 100%;
            padding-top: 28px;
            padding-bottom: 22px;
            border-top: 1px solid rgba(255, 255, 255, 0.10);
            margin-top: 24px;
            text-align: center;
            position: relative;
        }

        /* 版权区顶部微光 */
        .footer-bottom::before {
            content: '';
            position: absolute;
            top: -1px;
            left: 50%;
            transform: translateX(-50%);
            width: 0px;
            height: 1px;
            background: linear-gradient(90deg,
                    transparent,
                    rgba(224, 49, 63, 0.5),
                    rgba(212, 168, 83, 0.4),
                    rgba(224, 49, 63, 0.5),
                    transparent);
        }

        .footer-bottom p {
            color: #7a7a88;
            font-size: 13px;
            letter-spacing: 0.3px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            gap: 6px;
        }

        .footer-bottom a {
            color: #7a7a88;
            text-decoration: none;
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
        }

        .footer-bottom a::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 0;
            height: 1px;
            background: #ffffff;
            transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .footer-bottom a:hover {
            color: #ffffff;
        }
        .footer-bottom a:hover::after {
            width: 100%;
        }

        .footer-bottom .divider-dot {
            width: 0px;
            height: 0px;
            border-radius: 50%;
            background: #7a7a88;
            opacity: 0.4;
            display: inline-block;
            margin: 0 6px;
            vertical-align: middle;
        }

        /* ============ 响应式设计 ============ */
        @media (max-width: 1100px) {
            .footer-column {
                width: 18%;
            }
            .footer-column.footer-contact {
                width: 46%;
                padding-left: 32px;
            }
            .footer-qrcode-item {
                width: calc(50% - 8px);
            }
            .qrcode-card {
                width: 74px;
                height: 74px;
            }
        }

        @media (max-width: 992px) {
            .footer-column {
                display: none;
            }
            .footer-column.footer-contact {
                display: block;
                width: 100%;
                padding-left: 0;
                border-left: none;
                margin-top: 0;
                padding-top: 0;
                border-top: none;
            }
            .footer-column.footer-contact::before {
                display: none;
            }
            .footer-contact-phone .phone-number {
                font-size: 22px;
            }
            .footer-qrcode {
                justify-content: flex-start;
            }
            .footer-qrcode-item {
                width: calc(25% - 12px);
                max-width: 120px;
            }
            .qrcode-card {
                width: 76px;
                height: 76px;
            }
        }

        @media (max-width: 768px) {
            .footer-container {
                padding: 44px 0 0 0;
            }
            .footer-inner {
                padding: 0 16px;
            }
            .footer-contact-phone {
                padding: 16px 18px;
            }
            .footer-contact-phone .phone-number {
                font-size: 20px;
            }
            .footer-qrcode-item {
                width: calc(50% - 8px);
                max-width: none;
            }
            .qrcode-card {
                width: 72px;
                height: 72px;
            }
            .footer-contact-info .info-item {
                font-size: 13px;
                padding: 8px 10px;
            }
            .footer-bottom p {
                font-size: 12px;
                flex-direction: column;
                gap: 4px;
            }
            .footer-bottom .divider-dot {
                display: none;
            }
        }

        @media (max-width: 480px) {
            .footer-container {
                padding: 36px 0 0 0;
            }
            .footer-inner {
                padding: 0 10px;
            }
            .footer-contact-phone .phone-number {
                font-size: 18px;
                letter-spacing: 0.4px;
            }
            .footer-contact-phone {
                padding: 14px 14px;
                border-radius: 8px;
            }
            .qrcode-card {
                width: 64px;
                height: 64px;
                border-radius: 8px;
            }
            .qrcode-card .qrcode-img {
                border-radius: 6px;
            }
            .footer-qrcode-item .qrcode-label {
                font-size: 11px;
            }
            .footer-column h3 {
                font-size: 15px;
            }
            .footer-contact-info .info-item {
                font-size: 12px;
                gap: 8px;
            }
            .footer-contact-info .info-item .info-icon-wrap {
                width: 28px;
                height: 28px;
                min-width: 28px;
            }
            .footer-contact-info .info-item i {
                font-size: 12px;
            }
            .footer-bottom {
                padding-top: 20px;
                padding-bottom: 16px;
            }
        }

        @media (max-width: 360px) {
            .qrcode-card {
                width: 56px;
                height: 56px;
            }
            .footer-contact-phone .phone-number {
                font-size: 16px;
            }
            .footer-contact-phone .phone-label {
                font-size: 11px;
            }
            .footer-qrcode {
                gap: 8px;
            }
            .footer-qrcode-item {
                width: calc(50% - 4px);
            }
        }