/* ============================================================
   全局响应式：保持桌面端布局结构，仅缩放适配屏幕
   版本: v2026072504
   注意：viewport 已设置为 width=1280（当屏幕 < 1280px 时），
         因此桌面端 CSS 会自动应用，此处仅保留必要的修复。
         .is-mobile-device 类由 JS 基于 screen.width 添加。
   ============================================================ */

/* ---- 0. 修复 Tailwind 缺少 xl:grid-cols-6 的问题 ---- */
.tool-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) ;
}

/* ---- 1. 基础重置 ---- */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
}

body {
    margin: 0;
    padding: 0;
}

/* ---- 2. 微信 X5 浏览器修复：禁用 backdrop-filter 防止渲染空白 ---- */
.is-mobile-device .qingpdf-nav {
    backdrop-filter: none ;
    -webkit-backdrop-filter: none ;
    background: rgba(255, 255, 255, 0.98) ;
}

/* ---- 3. 触摸优化（不改变布局） ---- */
@media (hover: none) {
    .filter-tab,
    .tool-card,
    .qingpdf-nav-item,
    .qingpdf-footer-link {
        -webkit-tap-highlight-color: transparent;
    }

    .tool-card:active {
        transform: scale(0.98);
    }

    .filter-tab:active {
        transform: scale(0.98);
    }
}

/* ---- 4. 微信 X5 兼容 ---- */
.is-mobile-device input,
.is-mobile-device textarea,
.is-mobile-device select,
.is-mobile-device button {
    -webkit-appearance: none;
}

.is-mobile-device .search-input {
    -webkit-appearance: none;
    border-radius: 9999px;
}

/* ---- 5. 暗色模式 ---- */
@media (prefers-color-scheme: dark) {
    .tool-card {
        background: rgba(30, 41, 59, 0.9);
    }

    .filter-tab {
        background: rgba(30, 41, 59, 0.9);
    }
}

/* ---- 导航栏样式（从 nav_template.html 移出） ---- */
.qingpdf-nav-links { gap: 80px ; }
.qingpdf-nav-item { font-size: 16px; padding: 14px 36px; }
.qingpdf-dropdown-item {
    font-size: 15px;
    font-family: 'Noto Sans CJK', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    font-weight: 500;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
.qingpdf-nav-actions a.qingpdf-nav-item[href="/user"] { display: none ; }
.qingpdf-nav-vip-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 18px !important;
    background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%) !important;
    color: #fff !important;
    border-radius: 20px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3) !important;
    animation: vipPulse 2s ease-in-out infinite;
}
.qingpdf-nav-vip-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(245, 158, 11, 0.5);
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
}
@keyframes vipPulse {
    0%, 100% { box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3); }
    50% { box-shadow: 0 2px 16px rgba(245, 158, 11, 0.6); }
}
.qingpdf-nav-actions { transition: opacity 0.15s ease-in-out; will-change: opacity; }



/* 文章页面隐藏开通会员按钮 */
.article-page .qingpdf-nav-vip-btn { display: none !important; }