/* ==================== 全局样式 ==================== */
:root {
    --jd-red: #e4393c;
    --jd-dark-red: #c81623;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    background-color: #f5f5f5;
}

/* ==================== 响应式工具 ==================== */
@media (max-width: 768px) {
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* 手机端调整卡片间距 */
    .row-cols-2 > * {
        padding-left: 5px;
        padding-right: 5px;
    }
}

/* ==================== SEO优化：隐藏但可抓取的内容 ==================== */
.seo-hidden {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* ==================== 加载动画 ==================== */
.loading-shimmer {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}
/* ICP 备案号样式 */
footer a[href*="beian"] {
    font-size: 0.75rem;
    color: #6c757d;
}

footer a[href*="beian"]:hover {
    color: #e4393c; /* 京东红 */
    text-decoration: underline !important;
}