/* =========================================================
 * responsive.css — 移动端 / 平板适配
 * ========================================================= */

/* 平板 */
@media (max-width: 980px) {
	.mvp-nav { display: none; }
	.mvp-header-inner { gap: 12px; }
	.mvp-banner-row { grid-template-columns: 1fr; }
	.mvp-grid-3 { grid-template-columns: repeat(2, 1fr); }
	.mvp-layout-2col { grid-template-columns: 1fr; }
	.mvp-layout-side { display: none; }
	.mvp-article-list { grid-template-columns: 1fr; }
}

/* 手机 */
@media (max-width: 640px) {
	.mvp-hero { padding: 26px 18px; }
	.mvp-hero-title { font-size: 22px; }
	.mvp-grid-3, .mvp-grid-2 { grid-template-columns: 1fr; }
	.mvp-footer-inner { grid-template-columns: 1fr 1fr; }
	.mvp-article { padding: 18px 16px; }
	.mvp-article-title { font-size: 20px; }
	.mvp-term-title { font-size: 20px; }
	.mvp-header-actions .mvp-link-login { display: none; }
}

/* 汉堡按钮（移动端显示） */
.mvp-burger { display: none; }
@media (max-width: 980px) {
	.mvp-burger {
		display: inline-flex; flex-direction: column; gap: 4px;
		background: none; border: 0; cursor: pointer; padding: 6px;
	}
	.mvp-burger span { width: 22px; height: 2px; background: var(--mvp-navy); display: block; }
}

/* 平板横屏 / 小笔记本（981~1200px）：导航还在，但空间紧 → 缩小 logo、隐藏「百佬汇跨境」 */
@media (max-width: 1200px) {
	.mvp-header-inner { gap: 16px; }
	.mvp-logo-img { height: 24px; }
	.mvp-logo-sub { display: none; }
	.mvp-nav-list { gap: 12px; }
	.mvp-nav-item > a { font-size: 14px; }
}

/* 981~1080px：导航项再收紧一档，避免 11 个导航项挤不下（v1.0.8 实测 981px 时溢出 33px） */
@media (max-width: 1080px) {
	.mvp-header-inner { gap: 12px; }
	.mvp-nav-list { gap: 8px; }
	.mvp-header-actions { gap: 10px; }
}