/* ============================================
   mobile-landing.css - 手机端着陆页适配
   覆盖 Landing.cshtml / Main.cshtml / RechargeAgreement / Error
   PC端完全不受影响
   ============================================ */
@media (max-width: 768px) {

/* Landing 页 */
.tp-hero { padding: 30px 16px !important; }
.tp-hero h1 { font-size: 1.5rem !important; }
.tp-hero p { font-size: 0.9rem !important; }
.tp-tool-wrap { padding: 10px !important; }
.tp-tool-frame iframe { height: 400px !important; }
.tp-preview { padding: 10px !important; }
.tp-preview .preview-compare { flex-direction: column !important; gap: 8px !important; }
.tp-preview img { max-width: 100% !important; }
.tp-steps-wrap .steps-grid { grid-template-columns: 1fr !important; gap: 16px !important; }
.tp-steps-wrap .step-card { padding: 16px !important; }
.tp-trust { flex-wrap: wrap !important; gap: 12px !important; padding: 16px !important; }
.tp-trust .trust-item { flex: 1 1 45% !important; }
.tp-body { padding: 16px !important; font-size: 14px !important; }
.tp-nav { flex-wrap: nowrap !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
.tp-nav a { white-space: nowrap !important; padding: 8px 12px !important; font-size: 13px !important; }
.tp-testimonials .test-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
.tp-faq-wrap .faq-item { padding: 10px !important; }
.tp-faq-wrap .faq-question { font-size: 14px !important; }
.tp-related .related-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }
.tp-cta { padding: 24px 16px !important; }
.tp-cta h2 { font-size: 1.2rem !important; }
.tp-cta p { font-size: 0.85rem !important; }
.tp-footer { padding: 16px !important; font-size: 12px !important; }

/* Landing 预览区组件 */
.tp-ec-wrapper { flex-direction: column !important; gap: 12px !important; }
.tp-pc-wrapper { flex-direction: column !important; gap: 12px !important; }
.tp-cl-wrapper .carousel { max-width: 100% !important; }
.tp-cl-wrapper .carousel-item img { max-height: 300px !important; }
.tp-apd-wrapper { flex-direction: column !important; gap: 12px !important; }

/* Main 着陆页 */
.nav .nav-link { display: none !important; }
.nav .nav-btn { display: inline-flex !important; }
.nav .btn { font-size: 13px !important; padding: 6px 14px !important; }
.hero { padding: 40px 20px !important; }
.hero h1 { font-size: 1.6rem !important; }
.hero p { font-size: 0.95rem !important; }
.features-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
.why-grid { grid-template-columns: 1fr !important; }
.test-grid { grid-template-columns: 1fr !important; }
.cta-section { padding: 30px 20px !important; }
.company-inner { grid-template-columns: 1fr !important; }
.stats-grid { flex-wrap: wrap !important; gap: 10px !important; }
.stat-item { flex: 1 1 45% !important; }

/* RechargeAgreement */
.recharge-agreement { padding: 16px !important; font-size: 14px !important; }

/* Error 页 */
.error-page { padding: 20px !important; }
.error-page h1 { font-size: 1.5rem !important; }

} /* end @media */