/**
 * ============================================
 * 门户首页响应式改造 - 独立样式文件 v2
 * 站点: www.ailianzu.com (Discuz! X3.5)
 * 策略: 纯增量，在 index.css 之后加载，!important 全覆盖
 * 断点: 480px / 768px / 1024px / 1920px
 * ============================================
 */

/* ===== 桌面端: 汉堡按钮默认隐藏 ===== */
.resp-menu-btn { display: none !important; }

/* =================================================================
 * 平板端 (≤1024px)
 * ================================================================= */
@media screen and (max-width: 1024px) {

	/* --- 全局 --- */
	html, body {
		overflow-x: hidden !important;
	}
	body {
		min-width: 320px !important;
		max-width: 100vw !important;
	}
	.mibox, .bgt, .wp2, .wp3 {
		width: 100% !important;
		max-width: 100vw !important;
	}

	/* --- 头部 --- */
	#hd .wp2 { width: 96% !important; }
	#hd .hdc h2 { max-width: 180px; }
	#hd .hdc h2 img { max-height: 40px; width: auto; }
	#toptb .wp { width: 96% !important; }
	.wp3 { width: 100% !important; }
	.nvbox { padding: 0 2% !important; }
	#nv ul li { padding: 0 8px !important; }
	#nv ul li a { font-size: 13px !important; padding: 0 6px !important; }
	.sgbox .wp2 { width: 96% !important; }
	#scbar_txt { width: 160px !important; }

	/* --- 首页容器级 --- */
	.mo1_p, .sbuywp, .mbuywp, .mo_jpks,
	.mobox_tjbg .mobox {
		width: 96% !important;
		max-width: 96vw !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.mo1_pbox, .obd_r { background: none !important; }

	/* --- 第1楼层: 3列 --- */
	.mo1_pbox li {
		width: 30% !important; height: auto !important;
		margin: 0 1.5% 3% 1.5% !important;
	}
	.mo1_pbox li img {
		width: 100% !important; height: auto !important;
		aspect-ratio: 2/3; object-fit: cover;
	}
	.mo1_pbtt { width: calc(100% - 28px) !important; }
	.mo1_b { height: auto !important; min-height: 80px; }
	.mo1_btn { margin: 30px auto !important; }
	.mo_tt { font-size: 28px !important; height: 56px !important; line-height: 56px !important; }
	.mo1_t { padding-bottom: 40px !important; }

	/* --- 第2-3楼层: 3列 --- */
	.isbuylist li, .imbuylist li {
		width: 30% !important; height: auto !important;
		margin: 0 1.5% 3% 1.5% !important;
	}
	.isbuylist li img, .imbuylist li img {
		width: 100% !important; height: auto !important;
		aspect-ratio: 2/3; object-fit: cover;
	}
	.isbis { width: 100% !important; height: auto !important; }
	#mroll dd {
		width: 30% !important; height: auto !important;
	}
	#mroll dd img {
		width: 100% !important; height: auto !important;
		aspect-ratio: 2/3; object-fit: cover;
	}
	.mhdwp { width: 96% !important; height: auto !important; }
	.mobox { width: 100% !important; height: auto !important; }
	.mobox_02 { height: auto !important; padding-bottom: 40px; }
	#mroll { height: auto !important; position: relative !important; }

	/* --- 第4楼层 点评区: 2列 --- */
	.jcdptjlist li {
		width: 48% !important; height: auto !important;
		margin: 0 1% 3% 1% !important;
	}
	.jcdpli { margin-right: 0 !important; }
	.dpsimg { float: none !important; width: 100% !important; height: auto !important; }
	.dpsimg .sldbj { width: 100% !important; height: auto !important; aspect-ratio: 2/3; object-fit: cover; }
	.dpsrgt { float: none !important; width: 100% !important; height: auto !important; padding-bottom: 20px; }
	.timgjt { display: none !important; }
	.jcdp_tt { font-size: 15px; padding: 10px 20px; }
	.jcdp_txt { height: auto !important; min-height: 60px; }
	.dpstptx { margin-top: 20px !important; }

	/* --- 第5楼层 认证区: 2列 --- */
	.mo_jpks { width: 96% !important; overflow: hidden !important; }
	.mo_jpks ul { width: 100% !important; }
	.mo_jpks li {
		width: 48% !important; height: auto !important;
		margin: 0 1% 3% 1% !important;
	}
	.jpk_img { height: auto !important; }
	.jpk_img img { width: 100% !important; height: auto !important; aspect-ratio: 3/2; object-fit: cover; }
	.jpk_mifo { position: relative !important; margin-top: -30px !important; width: 100% !important; }
	.jpk_txt { height: auto !important; font-size: 14px; padding: 10px 20px; }

	/* --- 标题通用 --- */
	.mo2_t { height: auto !important; min-height: 100px; }
	.mo_tt_b { font-size: 28px !important; height: 56px !important; line-height: 56px !important; }
	.mo2_btn { margin: 30px auto !important; }

	/* --- 底部 --- */
	.ft_box.jiepaiindex { width: 100% !important; }
	#ft.wp { width: 94% !important; margin: 0 auto !important; }
	#flk { float: none !important; text-align: center; width: 100% !important; }
	#frt { float: none !important; text-align: center; width: 100% !important; margin-top: 10px; }
	#frt img { max-width: 150px; height: auto; }
}

/* =================================================================
 * 手机端 (≤768px)
 * ================================================================= */
@media screen and (max-width: 768px) {

	/* --- 汉堡菜单 --- */
	.resp-menu-btn {
		display: flex !important;
		position: fixed; top: 10px; right: 10px;
		width: 38px; height: 32px;
		background: rgba(26,20,16,0.95);
		border: 1px solid #4a3b2a; border-radius: 4px;
		cursor: pointer; padding: 6px 5px;
		z-index: 10001;
		flex-direction: column; justify-content: space-between;
	}
	.resp-menu-btn span {
		display: block; width: 100%; height: 2px;
		background: #f3ac66; border-radius: 2px;
		transition: all 0.3s ease;
	}
	.resp-menu-btn.open span:nth-child(1) { transform: rotate(45deg) translate(6px,7px); }
	.resp-menu-btn.open span:nth-child(2) { opacity: 0; }
	.resp-menu-btn.open span:nth-child(3) { transform: rotate(-45deg) translate(6px,-7px); }

	/* --- 全局 --- */
	body { min-width: 320px !important; max-width: 100vw !important; overflow-x: hidden !important; }

	/* --- 头部 --- */
	#hd .wp2 { width: 100% !important; }
	#hd .hdc { min-height: 50px; padding: 0 12px; display: flex; align-items: center; justify-content: space-between; }
	#hd .hdc h2 { max-width: 140px; flex-shrink: 0; }
	#hd .hdc h2 img { max-height: 32px; width: auto; }
	#toptb { display: none !important; }
	#header_userstatus { display: none !important; }

	/* --- 导航下拉 --- */
	.wp3 { width: 100% !important; }
	.nvbox { padding: 0 !important; position: relative; }
	#nv {
		display: none;
		position: absolute; top: 100%; left: 0;
		width: 100% !important;
		background: #1a1410; z-index: 10000;
		border-top: 1px solid #4a3b2a;
		box-shadow: 0 8px 20px rgba(0,0,0,0.6);
	}
	#nv.open { display: block !important; }
	#nv ul { display: flex; flex-direction: column; width: 100% !important; }
	#nv ul li {
		float: none !important; display: block;
		width: 100% !important; padding: 0 !important;
		border-bottom: 1px solid #2a1f14;
	}
	#nv ul li a {
		display: block; padding: 14px 20px;
		font-size: 15px !important; color: #baa088;
	}
	#nv ul li.a a { color: #f3ac66; background: rgba(243,172,102,0.08); }
	#mu { display: none !important; }
	.sgbox { display: none !important; }

	/* --- 标题 --- */
	.mo_tt, .mo_tt_b { font-size: 22px !important; height: 44px !important; line-height: 44px !important; margin-top: 20px !important; }
	.mo_tt2, .mo_tt2_b, .mo_tt2_c { font-size: 12px !important; margin-top: 10px !important; }
	.itopv li { font-size: 14px; padding: 0 10px; }
	.mo2_t { min-height: 80px; }
	.mo1_b { min-height: 60px !important; height: auto !important; }
	.mo1_btn, .mo2_btn { margin: 20px auto !important; width: 160px !important; height: 32px !important; }
	.mo1_btn a, .mo2_btn a { width: 160px !important; height: 32px !important; line-height: 32px !important; font-size: 13px; }

	/* --- 容器 --- */
	.mo1_p, .sbuywp, .mbuywp, .mo_jpks, .mobox_tjbg .mobox {
		width: 94% !important; max-width: 94vw !important;
		margin-left: auto !important; margin-right: auto !important;
		padding: 0 !important;
	}
	.mo1_pbox { padding: 8px 0 !important; }
	.mo1_pbox, .obd_r { background: none !important; }

	/* --- 第1楼层: 2列 --- */
	.mo1_pbox li {
		width: 47% !important; height: auto !important;
		margin: 0 1.5% 3% 1.5% !important;
	}
	.mo1_pbox li img {
		width: 100% !important; height: auto !important;
		aspect-ratio: 2/3; object-fit: cover;
	}
	.mo1_pbtt { width: calc(100% - 28px) !important; font-size: 12px; height: 28px; line-height: 28px; }

	/* --- 第2-3楼层: 2列 --- */
	.isbuylist li, .imbuylist li {
		width: 47% !important; height: auto !important;
		margin: 0 1.5% 3% 1.5% !important;
	}
	.isbuylist li img, .imbuylist li img {
		width: 100% !important; height: auto !important;
		aspect-ratio: 2/3; object-fit: cover;
	}
	#mroll dd { width: 47% !important; }
	#mroll dd img { width: 100% !important; height: auto !important; aspect-ratio: 2/3; object-fit: cover; }
	#mroll { position: relative !important; height: auto !important; }
	.mobox_02 { height: auto !important; padding-bottom: 30px !important; }
	.mobox_mbuybg { padding-top: 30px !important; }

	/* --- 第4楼层: 1列 --- */
	.jcdptjlist li { width: 100% !important; margin: 0 0 4% 0 !important; }

	/* --- 第5楼层: 1列 --- */
	.mo_jpks li { width: 100% !important; margin: 0 0 4% 0 !important; }
	.jpk_img img { aspect-ratio: 16/9; }

	/* --- 底部 --- */
	.ft_box.jiepaiindex { padding: 15px 0; width: 100% !important; }
	#ft.wp { width: 92% !important; margin: 0 auto !important; }
	#flk { font-size: 12px; float: none !important; text-align: center; width: 100% !important; }
	#frt { display: none !important; }
	.ft2 { font-size: 11px; padding: 0 8px; }
	.ft2 .xs0 { font-size: 10px; }
	#scrolltop { bottom: 60px; right: 10px; }

	/* --- 导航隐藏动画 --- */
	#hd { transition: transform 0.3s ease; will-change: transform; }
	#hd.nav-hidden { transform: translateY(-100%) !important; opacity: 0; pointer-events: none; }
}

/* =================================================================
 * 小手机 (≤480px)
 * ================================================================= */
@media screen and (max-width: 480px) {
	.mo_tt, .mo_tt_b { font-size: 20px !important; height: 40px !important; line-height: 40px !important; margin-top: 15px !important; }
	.mo_tt2, .mo_tt2_b, .mo_tt2_c { font-size: 11px !important; padding: 0 10px; }
	.itopv li { font-size: 13px; padding: 0 6px; }
	.mo1_t { padding-bottom: 20px !important; }
	.mo1_p, .sbuywp, .mbuywp, .mo_jpks, .mobox_tjbg .mobox { width: 92% !important; max-width: 92vw !important; }
	.mo2_t { min-height: 60px; }
	.mo1_btn, .mo2_btn { width: 140px !important; height: 28px !important; margin: 15px auto !important; }
	.mo1_btn a, .mo2_btn a { width: 140px !important; height: 28px !important; line-height: 28px !important; font-size: 12px; }

	/* 单列 */
	.mo1_pbox li, .isbuylist li, .imbuylist li { width: 96% !important; margin: 0 2% 4% 2% !important; }
	.mo1_pbtt { font-size: 11px; height: 26px; line-height: 26px; }
	#mroll dd { width: 96% !important; margin: 0 2% 4% 2% !important; }
	.mobox_02 { padding-bottom: 20px !important; }
	.mobox_mbuybg { padding-top: 20px !important; }

	/* 点评区 */
	.jcdptjlist li { margin-bottom: 5% !important; }
	.jcdp_tt { padding: 5px 15px 8px; }
	.jcdp_tt a { font-size: 14px; }
	.jcdp_txt { padding: 0 15px 10px; font-size: 12px; }
	.dpstptx img { width: 40px; height: 40px; }

	/* 认证区 */
	.mo_jpks li { margin-bottom: 5% !important; }
	.jpk_mifo { margin-top: -25px !important; }
	.jpktx { width: 50px !important; height: 50px !important; }
	.jpk_tx img { width: 50px !important; height: 50px !important; }
	.jpk_name { font-size: 15px; margin: 3px 0; }
	.jpk_txt { padding: 8px 15px; font-size: 13px; line-height: 22px; }

	/* 简化背景 */
	.bgt { background: none !important; }
	.mobox_mbuybgs, .mobox_mbuybg, .mobox_tjbg, .mobox_03 { background: #1a1410 !important; }
	#msbrpls { background: #1a1410 !important; height: auto !important; }
	.mobg03s, .mobg03 { background: none !important; padding-bottom: 40px !important; }
	.mobox_tjbg { padding-bottom: 30px !important; }

	/* 底部 */
	.ft_box.jiepaiindex { padding: 12px 0; }
	#ft.wp { width: 90% !important; }
	#flk { font-size: 11px; line-height: 1.6; }
	.ft2 { font-size: 10px; }
}

/* ===== 超宽屏 (≥1920px) ===== */
@media screen and (min-width: 1920px) {
	.mo1_p, .sbuywp, .mbuywp { width: 1672px !important; }
}