/* ========== 页脚组件样式 ========== */
.footer {
   background: #2c3e50;
   color: #ecf0f1;
   padding: 1.5rem 0;
   border-top: 2px solid #3498db;
   font-size: 0.9rem;
}

.footer-container {
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 1rem;
   text-align: center;
}

.beian-link {
   color: #bdc3c7;
   text-decoration: none;
   transition: color 0.3s ease;
   display: inline-block;
   padding: 0.2rem 0.5rem;
   border-radius: 4px;
}

.beian-link:hover {
   color: #3498db;
   background: rgba(52, 152, 219, 0.1);
}

.copyright {
   margin-top: 0.5rem;
   color: #95a5a6;
   font-size: 0.85rem;
}

/* 响应式 */
@media (max-width: 480px) {
   .footer {
       padding: 1rem 0;
       font-size: 0.8rem;
   }
}