/* 全局页脚样式 */
.footer {
    width: 100%;
    padding: 24px 16px;
    background: var(--card-bg-light);
    backdrop-filter: blur(var(--blur-amount));
    box-shadow: var(--card-shadow);
    border-top-left-radius: var(--card-radius);
    border-top-right-radius: var(--card-radius);
    transition: var(--transition);
    margin-top: auto;
}

.footer-content {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.footer p {
    margin: 0;
    font-size: 14px;
    color: var(--text-secondary-light);
    transition: var(--transition);
}

/* 暗黑模式适配 */
.dark-mode .footer {
    background: var(--card-bg-dark);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.dark-mode .footer p {
    color: var(--text-secondary-dark);
}

/* 响应式设计 */
@media (max-width: 768px) {
    .footer {
        border-radius: 0;
        padding: 20px 12px;
    }
}

/* 增强页脚交互效果 */
.footer {
    position: relative;
    overflow: hidden;
}

/* 添加渐变装饰条 */
.footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 1px;
    background: linear-gradient(
            to right,
            transparent,
            rgba(10, 132, 255, 0.1),
            transparent
    );
}

/* 添加悬停放大效果 */
@media (hover: hover) {
    .footer:hover {
        transform: scale(1.01);
        box-shadow: 0 12px 24px rgba(10, 132, 255, 0.15);
    }
}

/* 法定信息样式 */
.footer-legal {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid rgba(10, 132, 255, 0.1);
}

.footer-record,
.footer-police-record,
.footer-terms {
    margin: 8px 0;
    font-size: 13px;
    color: var(--text-tertiary-light);
    text-align: center;
}

.footer-record a,
.footer-police-record a,
.footer-terms a {
    color: var(--text-tertiary-light);
    text-decoration: none;
    transition: var(--transition);
}

.footer-record a:hover,
.footer-police-record a:hover,
.footer-terms a:hover {
    color: var(--system-blue);
}

.footer-police-record img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 6px;
}

.footer-terms .divider {
    margin: 0 8px;
    color: var(--text-tertiary-light);
}

/* 暗黑模式适配 */
.dark-mode .footer-legal {
    border-top-color: rgba(10, 132, 255, 0.15);
}

.dark-mode .footer-record,
.dark-mode .footer-police-record,
.dark-mode .footer-terms {
    color: var(--text-tertiary-dark);
}

.dark-mode .footer-record a,
.dark-mode .footer-police-record a,
.dark-mode .footer-terms a {
    color: var(--text-tertiary-dark);
}