* { margin: 0; padding: 0; box-sizing: border-box; }
        :root {
            --color-primary: #FF6B35; --color-primary-dark: #E8551E; --color-primary-light: #FF8A5C;
            --color-secondary: #1E293B; --color-gray-50: #F8FAFC; --color-gray-100: #F1F5F9;
            --color-gray-200: #E2E8F0; --color-gray-300: #CBD5E1; --color-gray-400: #94A3B8;
            --color-gray-500: #64748B; --color-gray-600: #475569; --color-gray-700: #334155;
            --color-gray-800: #1E293B; --color-gray-900: #0F172A;
            --font-heading: 'Inter', 'Noto Sans SC', sans-serif;
            --font-body: 'Inter', 'Noto Sans SC', sans-serif;
            --container-max-width: 1280px;
            --radius-md: 12px;
        }
        body { font-family: var(--font-body); font-weight: 400; color: var(--color-gray-800); background: #FFFFFF; line-height: 1.6; -webkit-font-smoothing: antialiased; }
        a { text-decoration: none; color: inherit; transition: color 0.2s ease; }
        ul { list-style: none; }

        .footer { background: var(--color-gray-900); color: white; padding: 40px 0 20px; margin-top: 60px; }
        .container { max-width: var(--container-max-width); margin: 0 auto; padding: 0 24px; }
        
        /* 1. 调整栏目网格底部间距，使其与下方品牌区更紧凑 */
        .footer-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 28px; margin-bottom: 20px; }
        
        .footer-links h4 { color: white; font-size: 15px; margin-bottom: 16px; font-weight: 600; }
        /* 2. 调小栏目文字行间距 */
        .footer-links ul li { margin-bottom: 6px; }
        .footer-links ul li a { color: var(--color-gray-400); font-size: 13px; transition: color 0.2s ease; }
        .footer-links ul li a:hover { color: white; }
        
        /* 底部信息栏 */
        .footer-info-bar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; padding: 20px 0; border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(255,255,255,0.1); margin-bottom: 20px; }
        
        .footer-info-brand { display: flex; align-items: center; gap: 12px; min-width: 200px; }
        .footer-info-brand .brand-icon { width: 36px; height: 36px; background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%); border-radius: 8px; display: flex; align-items: center; justify-content: center; color: white; font-weight: 700; font-size: 18px; flex-shrink: 0; }
        .footer-info-brand .brand-text { font-size: 18px; font-weight: 700; color: white; }
        .footer-info-brand .brand-text span { color: var(--color-primary); font-weight: 600; }
        .footer-info-brand .brand-desc { font-size: 13px; color: var(--color-gray-400); margin-top: 2px; line-height: 1.5; }
        
        .footer-info-contact { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; color: var(--color-gray-300); font-size: 13px; }
        .footer-info-contact span { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
        .footer-info-contact i { width: 14px; height: 14px; color: var(--color-primary); }
        
        .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 24px; font-weight: 600; font-size: 14px; border-radius: var(--radius-md); transition: all 0.2s ease; cursor: pointer; border: none; white-space: nowrap; }
        .btn i { width: 16px; height: 16px; }
        
        .footer-bottom { text-align: center; color: var(--color-gray-500); font-size: 12px; padding-top: 4px; }
        
        /* 响应式 */
        @media (max-width: 1100px) {
            .footer-grid { grid-template-columns: repeat(4, 1fr); }
        }
        @media (max-width: 768px) {
            .footer-grid { grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 16px; }
            .footer-links ul li { margin-bottom: 5px; }
            
            .footer-info-bar { display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: center; }
            .footer-info-brand { min-width: auto; }
            .footer-info-brand .brand-desc { font-size: 11px; max-width: 260px; }
            .footer-info-contact { grid-column: 1 / -1; justify-content: flex-start; gap: 12px; font-size: 12px; }
            .btn { padding: 8px 18px; font-size: 13px; }
        }
        @media (max-width: 500px) {
            .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; margin-bottom: 12px; }
            .footer { padding: 30px 0 16px; }
            .footer-info-bar { gap: 12px; }
            .footer-info-brand .brand-desc { font-size: 10px; max-width: 200px; }
            .btn { padding: 7px 16px; font-size: 12px; }
            .footer-links ul li { margin-bottom: 4px; }
        }