footer{background:var(--secondary-color);color:#a7b1c2;padding:50px 0 20px;margin-top:auto} .footer-content{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between} @media (max-width:768px){.footer-content{flex-direction:column;align-items:center;text-align:center} .footer-links{justify-content:center}} .copyright{display:flex;justify-content:center;text-align:center;padding-top:10px;border-top:1px solid #3a424b} .copyright-links{display:flex;flex-wrap:wrap;gap:20px} .copyright-links a{color:#a7b1c2;text-decoration:none;transition:color 0.3s} .copyright-links a:hover{color:var(--primary-light)} .footer-column{padding:0 15px} .footer-title{font-size:1.5rem;color:white;margin-bottom:10px;position:relative;padding-bottom:10px} .footer-title::after{content:'';position:absolute;bottom:0;left:0;width:50px;height:3px;background:var(--primary-color)} .footer-links{list-style:none} .footer-links li{margin-bottom:15px} .footer-links a{color:var(--light-text);text-decoration:none;transition:var(--transition);display:flex;align-items:center;font-size:1.1rem} .footer-links a:hover{color:var(--primary-color);transform:translateX(5px)} .footer-links a i{margin-right:10px;width:20px;text-align:center} .footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:10px} @media (max-width:768px){.footer-container{grid-template-columns:1fr} .footer-column{padding:0}} .contact-info{list-style:none} .contact-info li{margin-bottom:20px;display:flex;align-items:flex-start} .contact-info i{color:var(--primary-color);font-size:1.2rem;margin-right:15px;min-width:25px} .contact-info .info-content{flex:1} .contact-info .info-title{font-weight:600;color:white;margin-bottom:5px} .beian-link{display:flex;margin-left:20px;justify-content:center;align-items:center} .beian-icon{width:20px;height:auto;margin-right:6px;flex:0 0 auto}