@charset "gb2312";
 /* ================= 响应式设计 (手机端) ================= */
        @media (max-width: 1024px) {
            /* 隐藏电脑端导航和右侧信息 */
            .nav-menu, .nav-right {
                display: none; 
                flex-direction: column;
                width: 100%;
				height:auto;
                position: absolute;
                top: 80px;
                left: 0;
                background-color: #FFFFFF;
                box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
                padding: 10px 0 20px;
                gap: 10px;
            }

            /* 当下拉菜单激活时显示 */
            .nav-menu.active, .nav-right.active {
                display: flex;
            }

            /* 移动端菜单项样式调整 */
            .nav-menu li {
                width: 100%;
                justify-content: center;
            }

            .nav-menu li a {
                width: 100%;
                justify-content: center;
                padding: 15px 0;
            }

            .nav-menu li a.active {
                width: 90%;
                margin: 5px auto;
                height: auto;
            }

            /* 右侧信息在移动端独立的下拉区域 */
            .nav-right {
                top: auto; /* 由 js 动态计算或者直接接在 nav-menu 下方 */
                border-top: 1px solid #E5E7EB;
                padding-top: 20px;
                /* 由于 nav-menu 和 nav-right 是独立下发的，这里需要通过 JS 控制显隐顺序 */
                margin-top: 290px; /* 避开 nav-menu 的高度，粗略估算 */
            }

            /* 显示汉堡菜单按钮 */
            .menu-toggle {
                display: block;
            }

            /* 调整 Logo 字号 */
            .logo-cn { font-size: 18px; }
            .logo-en { font-size: 10px; }
        }

        /* 针对手机的更好排版 */
        @media (max-width: 480px) {
            .nav-container {
                padding: 0 15px;
            }
        }
 .title {
                 ont-weight: 600;
				font-size: 28px;
            }
            .subtitle {
                font-size: 14px;
                padding: 0 10px;
                margin-bottom: 30px;
            }
            .btn {
                width: 85%; /* 手机端按钮铺满 */
                padding: 14px 20px;
                font-size: 16px;
            }
            .button-group {
                flex-direction: column;
                gap: 15px;
            }
        }
.site-footer {
            width: 100%;
            height: auto; /* 严格按照要求设定高度 */
            background-color: #1F2633; /* 提取的背景色 */
            display: flex;
            justify-content: center;
            color: #FFFFFF;
            overflow: hidden; /* 防止内容意外溢出 */
        }		
        @media (max-width: 1024px) {
            .site-footer {
                height: auto; /* 平板和手机上允许内容撑开高度，避免文字被截断 */
                min-height: 480px;
            }
            .footer-top {
                flex-wrap: wrap;
                gap: 50px;
            }
            .col-brand, .col-contact {
                flex: 1 1 45%;
            }
            .col-links {
                flex: 1 1 20%;
            }
        }

            .footer {
                height: auto; /* 手机端高度自适应 */
            }

            .footer-container {
                padding: 40px 20px;
            }

            .footer-top {
                flex-direction: column; /* 改变为垂直堆叠 */
                padding-top: 0;
                padding-bottom: 20px;
                gap: 35px;
            }

            .footer-col {
                padding-right: 0;
            }

            .footer-bottom {
                flex-direction: column;
                text-align: center;
                gap: 15px;
                padding: 25px 0 10px 0;
            }

            .footer-links {
                gap: 20px;
                justify-content: center;
            }
        /* 手机端 (<= 768px) */
        @media (max-width: 768px) {
            .grid-4 {
                grid-template-columns: 1fr;
            }
            .card {
                padding: 30px 20px;
            }
            .hero h1 {
                font-size: 24px;
            }
            .hero p {
                font-size: 14px;
            }
            .btn-large {
                font-size: 18px;
                padding: 14px 30px;
                width: 100%;
            }
            .logo-cn {
                font-size: 18px;
            }
            .logo-en {
                font-size: 9px;
            }
        }