/**
 * footer.css - 公共页脚组件样式
 */

.site-footer { width: 100%; background-color: #333333; color: #d1d1d1; font-size: 12px; position: relative; margin-top: 0px; }
.footer-top-bar { height: 80px; margin-top: 100px; background-color: #333333; border-bottom: 1px solid #444; position: relative; }
.footer-top-inner { width: 1200px; margin: 0 auto; height: 100%; display: flex; align-items: center; justify-content: flex-end; position: relative; }
.footer-scroll-top-btn { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background-color: #fff; border-radius: 50%; box-shadow: 0 2px 10px rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 20; }
.arrow-icon-up { width: 16px; height: 16px; border-left: 2px solid #999; border-top: 2px solid #999; transform: rotate(45deg); margin-top: 6px; }
.footer-social-area { display: flex; align-items: center; gap: 20px; }
.social-label { font-size: 16px; color: #ddd; font-weight: normal; }
.social-icons { display: flex; gap: 15px; align-items: center; }
.social-icon { height: 24px; width: auto; opacity: 0.8; cursor: pointer; transition: opacity 0.3s; }
.social-icon:hover { opacity: 1; }
.footer-main-content { background-color: #333333; padding: 40px 0 50px 0; }
.footer-flex-row { width: 1260px; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start; }
.footer-left-info { width: 320px; padding-right: 20px; }
.footer-logo { width: 240px; height: auto; margin-bottom: 30px; display: block; }
.footer-contact-title { font-size: 18px; color: #ddd; margin-bottom: 20px; font-weight: normal; letter-spacing: 1px; }
.contact-list p { margin-bottom: 8px; line-height: 1.6; color: #b0b0b0; font-size: 13px; }
.footer-right-links { flex: 1; margin-left: 60px; padding-top: 10px; }
.links-header-bar { width: 100%; background-color: #444444; height: 32px; line-height: 32px; text-align: center; color: #ddd; margin-bottom: 25px; font-size: 14px; letter-spacing: 2px; }
.links-grid { display: flex; justify-content: space-between; }
.link-col { flex: 1; padding-right: 10px; }
.link-col li { margin-bottom: 8px; list-style: none; }
.link-col li a { color: #aaa; font-size: 12px; display: block; text-decoration: none; }
.link-col li a:hover { color: #fff; text-decoration: underline; }
.footer-bottom-copyright { background-color: #58595b; padding: 25px 0; text-align: center; color: #b6b7b9; font-size: 12px; border-top: none; }
.copyright-container { width: 1200px; margin: 0 auto; display: flex; justify-content: center; gap: 30px; font-family: Arial, sans-serif; }