/* ===== Tailwind 静态预编译（原CDN运行时方案已移除，消除FOUC/阻塞） ===== */
.backdrop-blur-md { backdrop-filter: blur(12px); }
.bg-blue-50 { background-color: #eff6ff; }
.bg-blue-50\/50 { background-color: rgba(239,246,255,0.5); }
.bg-blue-50\/60 { background-color: rgba(239,246,255,0.6); }
.bg-blue-50\/70 { background-color: rgba(239,246,255,0.7); }
.bg-gray-50 { background-color: #f9fafb; }
.bg-gray-50\/60 { background-color: rgba(249,250,251,0.6); }
.bg-gray-50\/80 { background-color: rgba(249,250,251,0.8); }
.bg-green-50 { background-color: #f0fdf4; }
.bg-white { background-color: #ffffff; }
.bg-white\/80 { background-color: rgba(255,255,255,0.8); }
.block { display: block; }
.border { border-width: 1px; border-style: solid; }
.border-b { border-bottom-width: 1px; border-style: solid; }
.border-blue-100\/50 { border-color: rgba(219,234,254,0.5); }
.border-blue-100\/60 { border-color: rgba(219,234,254,0.6); }
.border-gray-100 { border-color: #f3f4f6; }
.border-gray-100\/80 { border-color: rgba(243,244,246,0.8); }
.border-gray-200 { border-color: #e5e7eb; }
.border-gray-200\/60 { border-color: rgba(229,231,235,0.6); }
.border-t { border-top-width: 1px; border-style: solid; }
.flex { display: flex; }
.flex-wrap { flex-wrap: wrap; }
.font-bold { font-weight: 700; }
.font-extrabold { font-weight: 800; }
.font-medium { font-weight: 500; }
.font-normal { font-weight: 400; }
.gap-1 { gap: 0.25rem; }
.gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.grid { display: grid; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.h-14 { height: 3.5rem; }
.hidden { display: none; }
.hover\:bg-gray-100:hover { background-color: #f3f4f6; }
.hover\:border-blue-200:hover { border-color: #bfdbfe; }
.hover\:border-blue-300:hover { border-color: #93c5fd; }
.hover\:underline:hover { text-decoration-line: underline; }
.items-center { align-items: center; }
.items-start { align-items: flex-start; }
.justify-between { justify-content: space-between; }
.leading-relaxed { line-height: 1.625; }
.leading-tight { line-height: 1.25; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-4 { margin-bottom: 1rem; }
.ml-1 { margin-left: 0.25rem; }
.ml-auto { margin-left: auto; }
.mr-1 { margin-right: 0.25rem; }
.mr-2 { margin-right: 0.5rem; }
.mt-0\.5 { margin-top: 0.125rem; }
.mt-1 { margin-top: 0.25rem; }
.mt-1\.5 { margin-top: 0.375rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 0.75rem; }
.mt-4 { margin-top: 1rem; }
.mt-5 { margin-top: 1.25rem; }
.mt-6 { margin-top: 1.5rem; }
.mt-7 { margin-top: 1.75rem; }
.mt-8 { margin-top: 2rem; }
.mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
.mx-auto { margin-left: auto; margin-right: auto; }
.no-underline { text-decoration-line: none; }
.p-2 { padding: 0.5rem; }
.p-3 { padding: 0.75rem; }
.p-4 { padding: 1rem; }
.p-5 { padding: 1.25rem; }
.pb-2 { padding-bottom: 0.5rem; }
.pb-20 { padding-bottom: 5rem; }
.pt-4 { padding-top: 1rem; }
.pt-5 { padding-top: 1.25rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; }
.py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }
.rounded-2xl { border-radius: 1rem; }
.rounded-full { border-radius: 9999px; }
.rounded-lg { border-radius: 0.5rem; }
.rounded-xl { border-radius: 0.75rem; }
.shadow-sm { box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); }
.space-y-1 {  }
.space-y-1 > * + * { margin-top: 0.25rem; }
.space-y-2 {  }
.space-y-2 > * + * { margin-top: 0.5rem; }
.space-y-3 {  }
.space-y-3 > * + * { margin-top: 0.75rem; }
.space-y-4 {  }
.space-y-4 > * + * { margin-top: 1rem; }
.sticky { position: sticky; }
.text-2xl { font-size: 1.5rem; line-height: 2rem; }
.text-\[10px\] { font-size: 10px; }
.text-\[11px\] { font-size: 11px; }
.text-amber-500 { color: #f59e0b; }
.text-base { font-size: 1rem; line-height: 1.5rem; }
.text-blue-400 { color: #60a5fa; }
.text-blue-500 { color: #3b82f6; }
.text-blue-600 { color: #2563eb; }
.text-center { text-align: center; }
.text-cyan-600 { color: #0891b2; }
.text-gray-400 { color: #9ca3af; }
.text-gray-500 { color: #6b7280; }
.text-gray-600 { color: #4b5563; }
.text-gray-800 { color: #1f2937; }
.text-gray-900 { color: #111827; }
.text-green-500 { color: #22c55e; }
.text-green-600 { color: #16a34a; }
.text-indigo-600 { color: #4f46e5; }
.text-left { text-align: left; }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-orange-500 { color: #f97316; }
.text-purple-600 { color: #9333ea; }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.text-xs { font-size: 0.75rem; line-height: 1rem; }
.top-0 { top: 0; }
.tracking-tight { letter-spacing: -0.025em; }
.transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.w-full { width: 100%; }
.z-40 { z-index: 40; }
        @media (min-width: 640px) {
            .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
            .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
            .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
            .sm\:inline { display: inline; }
            .sm\:inline-block { display: inline-block; }
            .sm\:p-7 { padding: 1.75rem; }
            .sm\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
            .sm\:text-base { font-size: 1rem; line-height: 1.5rem; }
        }
        /* 关键内联样式 (保证首屏快速渲染) */
        * { box-sizing: border-box; }
        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif; background: #f8fafc; color: #1e293b; padding-bottom: 80px; }
        .page-section { display: none; animation: fadeUp 0.35s ease both; }
        .page-section.active { display: block; }
        @keyframes fadeUp { 0% { opacity:0; transform:translateY(18px); } 100% { opacity:1; transform:translateY(0); } }
        .bottom-nav { position:fixed; bottom:0; left:0; right:0; z-index:50; background:rgba(255,255,255,0.92); backdrop-filter:blur(8px); border-top:1px solid #e2e8f0; display:flex; justify-content:space-around; align-items:center; padding:6px 0 env(safe-area-inset-bottom); box-shadow:0 -4px 12px rgba(0,0,0,0.04); }
        .bottom-nav a { display:flex; flex-direction:column; align-items:center; font-size:11px; color:#94a3b8; text-decoration:none; padding:8px 6px; border-radius:8px; transition:all 0.2s; min-width:54px; touch-action:manipulation; }
        .bottom-nav a.active { color:#2563eb; font-weight:600; }
        .bottom-nav a .nav-icon { font-size:22px; line-height:1.2; margin-bottom:2px; }
        .product-card { transition:transform 0.2s, box-shadow 0.2s; }
        .product-card:active { transform:scale(0.97); }
        @media (min-width:640px) { .product-card:hover { transform:translateY(-4px); box-shadow:0 12px 30px rgba(0,0,0,0.08); } }
        .breadcrumb { font-size:13px; color:#64748b; padding:12px 0 4px; overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling:touch; }
        .breadcrumb a { color:#2563eb; text-decoration:none; }
        .breadcrumb span { margin:0 4px; color:#94a3b8; }
        .breadcrumb i { font-size:10px; color:#94a3b8; margin:0 4px; }
        .article-content h2 { font-size:1.3rem; font-weight:700; margin:1.6rem 0 0.8rem; color:#0f172a; }
        .article-content h3 { font-size:1.1rem; font-weight:600; margin:1.2rem 0 0.6rem; color:#1e293b; }
        .article-content h4 { font-size:1rem; font-weight:600; margin:0.8rem 0 0.4rem; color:#334155; }
        .article-content p { line-height:1.8; margin-bottom:1rem; color:#334155; }
        .article-content ul, .article-content ol { padding-left:1.4rem; margin-bottom:1rem; line-height:1.8; }
        .article-content table { width:100%; border-collapse:collapse; margin:1.2rem 0; font-size:14px; }
        .article-content table th { background:#f1f5f9; text-align:left; padding:10px 12px; border:1px solid #e2e8f0; font-weight:600; }
        .article-content table td { padding:10px 12px; border:1px solid #e2e8f0; }
        .tag { display:inline-block; background:#eef2ff; color:#4338ca; font-size:12px; padding:2px 12px; border-radius:20px; margin:2px 4px 2px 0; }
        ::-webkit-scrollbar { width:4px; height:4px; }
        ::-webkit-scrollbar-track { background:#f1f5f9; }
        ::-webkit-scrollbar-thumb { background:#cbd5e1; border-radius:8px; }
        .no-scrollbar::-webkit-scrollbar { display:none; }
        .no-scrollbar { -ms-overflow-style:none; scrollbar-width:none; }
        .faq-item summary { cursor:pointer; font-weight:600; padding:14px 16px; background:#f8fafc; border-radius:10px; transition:background 0.2s; list-style:none; display:flex; align-items:center; gap:8px; }
        .faq-item summary::-webkit-details-marker { display:none; }
        .faq-item summary i { font-size:12px; color:#2563eb; transition:transform 0.25s; margin-right:4px; }
        .faq-item[open] summary i { transform:rotate(90deg); }
        .faq-item .faq-answer { padding:8px 16px 18px 36px; color:#475569; line-height:1.7; }
        .schema-json { display:none; }
        .container-custom { max-width:480px; margin:0 auto; padding:0 16px; }
        @media (min-width:640px) { .container-custom { max-width:640px; padding:0 24px; } }
        @media (min-width:1024px) { .container-custom { max-width:860px; padding:0 32px; } }
        .keyword-highlight { color:#2563eb; font-weight:700; }
        .bg-gradient-hero { background:linear-gradient(145deg,#eff6ff 0%,#ffffff 100%); }
        .price-tag { font-size:1.5rem; font-weight:700; color:#2563eb; }
        .price-tag small { font-size:0.9rem; font-weight:400; color:#64748b; }
        .card-icon { display:inline-flex; align-items:center; justify-content:center; width:2.5rem; height:2.5rem; border-radius:50%; background:#eef2ff; color:#2563eb; font-size:1.2rem; }
        .card-icon-lg { width:3rem; height:3rem; font-size:1.5rem; }
        .bg-soft-blue { background:#eef2ff; }
        .text-soft-blue { color:#2563eb; }
        .list-icon { color:#2563eb; margin-right:6px; width:1.2rem; text-align:center; }
        .icon-list { list-style:none; padding-left:0; }
        .icon-list li { padding-left:0.5rem; }
        /* 优化无障碍 & 触摸区域 */
        a, button, .clickable { touch-action:manipulation; }
        .focus-ring:focus-visible { outline:2px solid #2563eb; outline-offset:2px; }
        /* 文章内标题层级修正 */
        .article-content .section-title-h3 { font-size:1.1rem; font-weight:600; margin:1.2rem 0 0.6rem; color:#1e293b; }

        /* ===== 首页新增模块样式 ===== */
        .step-item { position:relative; }
        .step-num { display:inline-flex; align-items:center; justify-content:center; width:2rem; height:2rem; border-radius:50%; background:#2563eb; color:#fff; font-weight:700; font-size:0.85rem; flex-shrink:0; box-shadow:0 4px 10px rgba(37,99,235,0.3); }
        .stat-card { text-align:center; padding:1.25rem 0.5rem; }
        .stat-num { font-size:1.6rem; font-weight:800; color:#2563eb; line-height:1.2; }
        .stat-num small { font-size:1rem; font-weight:600; }
        .stat-label { font-size:0.8rem; color:#64748b; margin-top:2px; }
        .case-card { transition:transform 0.2s, box-shadow 0.2s; }
        .case-card:hover { transform:translateY(-3px); box-shadow:0 10px 24px rgba(0,0,0,0.08); }
        .insight-card { border-left:3px solid #2563eb; }
        @media (prefers-reduced-motion: reduce) { .case-card:hover { transform:none; } }
		a {
    color: inherit;
    text-decoration: inherit;
}