.mui-row.mui-fullscreen>[class*="mui-col-"] {
    height: 100%;
    padding-bottom:80px;
}
.mui-fullscreen{
	max-width:600px;
	left:50%;
	transform: translateX(-50%);
	width:100%;
}

.mui-col-xs-3,
.mui-control-content {
    overflow-y: auto;
    height: 100%;
}
.mui-segmented-control .mui-control-item {
    line-height: 50px;
    width: 100%;
}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
    background-color: #ffeded;
    color:#f75152;
    position:relative;
}

.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active:after{
	content: '';
	position: absolute;
	height:60%;
	width:4px;
	border-radius:5px;
	background:#f75152;
	left:10px;
	top:50%;
	transform:translateY(-50%);
}

.mui-segmented-control.mui-segmented-control-inverted .mui-control-item{
	color:#7a7a7a;
}


.mui-bar-nav~.mui-content{
	padding:0px;
	margin-top:76px;
}
.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item,
.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active{
	border:0;
}

#segmentedControlContents{
	background:#fff;
}

.mui-col-xs-3{
	background:#f6f6f9;
}


h2{
	padding-left:1rem;
	font-size:16px;
	font-weight:500;
	background:#fff;
	line-height:40px;
	margin:0;
	color:#333;
	box-sizing: border-box;
	border-bottom:1px solid #f5f5f5;
}







/* ==================== v2-ui (2026-10-26) 追加层：向小程序端风格靠齐 ==================== */
/* ================= v2 分类页视觉（2026-10-26 向小程序端靠齐） ================= */
body { background: #f5f5f5; }

/* ---------- 左侧分类导航：白底 + 品牌红选中（对齐小程序分类侧栏） ---------- */
.mui-col-xs-3 {
	background: #fff;
	border-right: 1px solid #f5f5f5;
}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item { color: #686868; }
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
	background-color: #fff;
	color: #fe4b54;
}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active:after {
	background: #fe4b54;
	left: 6px;
}

/* ---------- 右侧内容区：浅灰底 ---------- */
#segmentedControlContents { background: #f5f5f5; }

/* ---------- 宫格卡片化（与首页同款：透明边框留缝 + 白卡圆角） ---------- */
.mui-table-view.mui-grid-view { background: transparent; }
.mui-table-view:before, .mui-table-view:after { height: 0; background-color: transparent; }
.mui-grid-view .mui-table-view-cell {
	background-color: #fff;
	background-clip: padding-box;
	border: 5px solid transparent;
	border-radius: 12px;
	padding: 10px;
	margin-bottom: 6px;
}
.mui-grid-view .mui-table-view-cell .mui-media-object { border-radius: 8px; }
.mui-grid-view .mui-media-body { font-size: 13px; margin-top: 6px; }