/* --- Footer --- */
        /* --- 页脚容器 --- */
		:root {
		    --bg-color: #fdfbf7;      /* 米色背景 */
		    --text-main: #5a4e42;     /* 深褐色主文字 */
		    --text-light: #7a6e62;    /* 稍浅的文字 */
		    --icon-bg: #5c5c5c;       /* 图标背景灰 */
		    --border-color: #eaddcf;  /* 分割线颜色 */
		}
        .site-footer {
            background-color:#fce7c8;
            color: #9d7c47;
            padding: 60px 20px 20px;
            font-size: 14px;
            line-height: 1.6;
        }
        
        .footer-container {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            flex-wrap: wrap; /* 允许换行 */
            gap: 40px; /* 列之间的间距 */
        }
        
        /* --- 第一列：品牌 Logo --- */
        .footer-col.brand {
            flex: 1 1 250px; /* 基础宽度 250px，允许伸缩 */
            min-width: 200px;
        }
        
        .logo-area {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
        }
        
        /* 模拟 Logo 图标 */
        .logo-icon {
            font-family: serif;
            font-size: 24px;
            font-weight: bold;
            border: 2px solid var(--text-main);
            padding: 2px 6px;
            margin-right: 10px;
            display: inline-block;
        }
        
        .brand-name {
            font-weight: bold;
            font-size: 16px;
            letter-spacing: 0.5px;
            text-transform: uppercase;
        }
        
        .brand-slogan {
            color: #9d7c47;
            font-size: 15px;
			padding-left: 17px;
        }
        
        /* --- 通用列表样式 (去掉圆点) --- */
        .footer-links {
            list-style: none;
        }
        
        .footer-links li {
            margin-bottom: 8px;
        }
        
        .footer-links a, .contact-info p, .contact-info a {
            color: #5a4e42;
            text-decoration: none;
            transition: color 0.3s;
        }
        
        .footer-links a:hover, .contact-info a:hover {
            color: #5a4e42;
            text-decoration: underline;
        }
        
        /* --- 第二、三列：链接与联系 --- */
        .footer-col.links, 
        .footer-col.contact {
            flex: 1 1 200px;
        }
        
        .col-title {
            font-weight: bold;
             color: #5a4e42;
            margin-bottom: 20px;
            display: block;
        }
        
        /* --- 第四列：关于我们 & 社交图标 --- */
        .footer-col.social {
            flex: 1 1 200px;
            text-align: right; /* PC端靠右对齐 */
        }
        
        .social-icons {
            display: flex;
            justify-content: flex-end; /* 图标靠右 */
            gap: 15px;
            margin-top: 15px;
        }
        
        .social-icon {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            width: 40px;
            height: 40px;
            background-color: var(--icon-bg);
            color: #fff;
            border-radius: 50%; /* 圆形 */
            text-decoration: none;
            font-size: 18px;
            transition: opacity 0.3s;
        }
        
        .social-icon:hover {
            opacity: 0.8;
        }
        
        /* --- 底部版权栏 --- */
        .footer-bottom {
            max-width: 1200px;
            margin: 40px auto 0;
            padding-top: 20px;
            border-top: 1px solid var(--border-color);
            text-align: center;
            color: var(--text-light);
            font-size: 12px;
        }
        
        /* --- 响应式适配 (手机端) --- */
        @media (max-width: 768px) {
            .footer-container {
                flex-direction: column; /* 改为垂直排列 */
                gap: 30px;
            }
        
            .footer-col {
                width: 100%; /* 占满全宽 */
                text-align: left; /* 全部左对齐 */
            }
        
            /* 特殊处理：Social 列在手机上改为左对齐 */
            .footer-col.social {
                text-align: left;
            }
            
            .social-icons {
                justify-content: flex-start; /* 图标靠左 */
            }
        
            .footer-bottom {
                margin-top: 20px;
            }
        }