/**
 * ================================================
 * 文件：footer.css
 * 作用：页脚区域样式
 * 说明：全站通用
 * ================================================
 */

.site-footer {
    background: #1a1a1a;
    color: #ccc;
    font-size: 14px;
}
.footer-cols {
    display: flex;
    padding: 40px 0;
    gap: 30px;
}
.footer-cols h3 { 
    color: #fff; 
    font-size: 15px; 
    margin-bottom: 12px; 
    position: relative; 
}
.footer-cols h3::after {
    content: '';
    display: block;
    width: 28px; 
    height: 3px;
    background: #007dcd;
    margin-top: 8px;
}
.col-about { flex: 2; line-height: 1.8; }
.col-contact { flex: 2; }
.col-contact p { margin-bottom: 6px; }
.col-contact a { color: var(--color-accent); }
.col-contact a:hover { text-decoration: underline; }
.link-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.link-grid a { color: #ccc; transition: color 0.3s; }
.link-grid a:hover { color: var(--color-accent); }
.col-qr { display: flex; gap: 25px; }
.qr-item { text-align: center; }
.qr-item img { 
    width: 120px; 
    height: 120px; 
    margin-bottom: 6px; 
    background: #fff; 
    padding: 4px; 
    border-radius: 5px; 
}
.qr-item p { font-size: 14px; color: #ccc; }
.copyright {
    border-top: 1px solid #333;
    text-align: center;
    padding: 15px 0;
    color: #ccc;
    font-size: 14px;
}