/* ============================================
 底部信息样式
 ============================================ */

:root {
 --footer-bg: var(--bg-card, #1a2332);
 --footer-border: var(--border-color, #2d3748);
 --footer-text: var(--text-secondary, #a0aec0);
}

.app-footer {
 background: var(--footer-bg);
 border-top: 1px solid var(--footer-border);
 margin-top: 60px;
 padding: 40px 24px 20px;
}

.footer-content {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
 gap: 32px;
 max-width: 1200px;
 margin: 0 auto 32px;
}

.footer-section h4 {
 font-size: 0.95rem;
 font-weight: 600;
 margin-bottom: 14px;
 color: var(--text-primary, #f0f4f8);
 display: flex;
 align-items: center;
 gap: 6px;
}

.footer-section p {
 font-size: 0.83rem;
 color: var(--footer-text);
 margin-bottom: 6px;
 line-height: 1.6;
}

.footer-desc {
 font-size: 0.8rem !important;
 color: var(--text-muted, #718096) !important;
 margin-top: 4px;
}

.footer-section a {
 display: block;
 font-size: 0.83rem;
 color: var(--footer-text);
 text-decoration: none;
 margin-bottom: 6px;
 transition: all 0.2s;
 padding-left: 0;
}

.footer-section a:hover {
 color: var(--accent-primary, #3b82f6);
 padding-left: 4px;
}

.footer-bottom {
 text-align: center;
 padding-top: 20px;
 border-top: 1px solid var(--footer-border);
 color: var(--text-muted, #718096);
 font-size: 0.8rem;
}

.footer-copyright {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 8px;
 flex-wrap: wrap;
}

.footer-sep { opacity: 0.4; }

@media (max-width: 768px) {
 .footer-content {
 grid-template-columns: 1fr 1fr;
 gap: 24px;
 }
 .app-footer {
 padding: 24px 16px 16px;
 margin-top: 40px;
 }
}

@media (max-width: 480px) {
 .footer-content {
 grid-template-columns: 1fr;
 }
}