/* ============================================================
 * X5 聚合页内容区自适应样式（独立文件，避免与公共样式冲突）
 * ------------------------------------------------------------
 * 作用范围：所有规则都限定在 .portal_container 内
 *          （该容器只存在于聚合页 forum-0，其他页面结构上不可能命中）
 * 加载位置：data/diy/template/lewei_down/forum/index_portal.htm 内 <link>
 *          仅聚合页加载本文件
 * 断点与 lewei 头部自适应对齐：
 *   ≤1199.98px  左侧竖导航折叠为顶部横排 tab（与头部收紧同步）
 *   ≤900px      右侧栏移到列表下方全宽（平板竖屏）
 *   ≤768px      手机单列：图片流式、留白收紧
 * 注意：官方桌面布局是 float + 固定宽（entry_list 720px / side 260px），
 *      窄屏下需同时撤 float、放开固定宽，否则横向溢出。
 * ============================================================ */

/* ---- ≤1199.98px：竖导航 → 顶部横排 tab，列表流式 ---- */
@media (max-width:1199.98px){
	.portal_container .timeline_content{flex-direction:column}
	/* 撤 float、放开官方写死的 720px，否则窄屏整体溢出 */
	.portal_container .timeline_entry_list{float:none;width:auto;max-width:100%;min-width:0}
	.portal_container .timeline_container{width:auto;max-width:100%;min-width:0;flex:1 1 auto}
	.portal_container .portal_side{flex:0 0 260px;width:260px}
	/* 竖导航改横排 */
	.portal_container .portal_nav{position:static;width:auto;min-width:0;margin:0 0 12px;height:auto;overflow:visible}
	.portal_container .portal_nav_container{min-width:0;height:auto;padding:6px 8px}
	.portal_container .portal_nav ul li{float:left}
	.portal_container .portal_nav ul li a{padding:8px 14px;font-size:14px}
}

/* ---- ≤900px：右侧栏移到列表下方，全宽 ---- */
@media (max-width:900px){
	.portal_container{width:auto;max-width:100%;margin:0}
	.portal_container .portal_container_wrap{flex-direction:column}
	.portal_container .timeline_container{flex:none;margin-right:0}
	.portal_container .portal_side{float:none;width:auto;flex:none;margin-top:20px}
	.portal_container .portal_side .drag,
	.portal_container .portal_side .area,
	.portal_container .portal_side .frame,
	.portal_container .portal_side .column{width:auto;max-width:100%}
}

/* ---- ≤768px：手机单列 ---- */
@media (max-width:768px){
	.portal_container{padding:0 8px;box-sizing:border-box;left:0}
	/* 导航 tab 更紧凑 */
	.portal_container .portal_nav_container{padding:4px 6px}
	.portal_container .portal_nav ul li a{padding:7px 10px;font-size:13px}
	/* 列表项留白收紧 */
	.portal_container .forumportal_listc li{padding:12px 0}
	/* 大图（单图 onebox）：去掉固定宽度，流式缩放 */
	.portal_container .forumportal_listc li .kmimg_onebox,
	.portal_container .forumportal_listb li .kmimg_onebox{min-width:0;max-width:100%;margin-left:0}
	.portal_container .forumportal_listc li .kmimg_onebox .kmimg{max-width:100%}
	.portal_container .forumportal_listc li .kmimg_onebox .kmimg img,
	.portal_container .forumportal_listb li .kmimg_onebox .kmimg img{max-width:100%;height:auto;object-fit:contain}
	/* 三图 / 多图宫格：固定 392px 改为流式三列 */
	.portal_container .forumportal_listc li .kmimg_box{width:100%;max-width:392px;grid-template-columns:repeat(3,1fr);grid-template-rows:none;grid-auto-rows:96px}
	.portal_container .forumportal_listc li .kmimg_box .kmshowimg{width:auto;height:96px}
	/* 底部行两排：第一排 头像/作者/计数，第二排 时间(左) + 版块名(右) */
	.portal_container .forumportal_listc .kmfoot{height:auto;min-height:20px;flex-wrap:wrap;row-gap:3px}
	.portal_container .forumportal_listc .kmfoot::before{content:'';width:100%;height:0;order:3}
	.portal_container .forumportal_listc .kmfoot .kmck{order:1;margin-left:auto;margin-right:0}
	.portal_container .forumportal_listc .kmfoot .kmpl{order:2}
	.portal_container .forumportal_listc .kmfoot .kmtime{order:4;margin-left:0}
	.portal_container .forumportal_listc .kmfoot a.kmbg{order:5;margin-left:auto}
	/* 加载更多按钮窄屏不溢出 */
	.portal_container .forumportal_pages #autopbn{max-width:100%;box-sizing:border-box}
}