@media only screen and (max-width: 900px) {

	/* ========== 页面容器 ========== */
	.layout.qmshome .hpage {
		padding: 0;
		background: #eef3fb;
		overflow-x: hidden;
	}

	.layout.qmshome .course-container {
		max-width: none;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	.layout.qmshome .course-container .row-fluid {
		margin: 0;
	}

	.layout.qmshome .course-container .row-fluid .span3,
	.layout.qmshome .course-container .row-fluid .span9 {
		float: none !important;
		width: 100% !important;
		margin-left: 0 !important;
		box-sizing: border-box;
	}

	/* 面包屑 */
	.layout.qmshome .course-container .breadcrumb {
		margin: 12px 0 0;
		padding: 12px 16px;
		border-radius: 0;
		box-shadow: none;
		border-left: none;
		border-bottom: 1px solid #e8eef5;
	}

	.layout.qmshome .course-container .breadcrumb > li {
		font-size: 13px;
	}

	/* 左侧分类：紧凑横条 */
	.layout.qmshome .course-sidebar {
		margin: 0 0 12px;
		border-radius: 0;
		box-shadow: none;
		border-bottom: 1px solid #e8eef5;
	}

	.layout.qmshome .course-sidebar h3 {
		padding: 12px 16px;
		font-size: 16px;
		text-align: left;
	}

	.layout.qmshome .course-sidebar ul,
	.layout.qmshome .course-sidebar #courseCategories {
		display: block;
		white-space: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding: 0 12px 10px;
		scrollbar-width: none;
	}

	.layout.qmshome .course-sidebar ul::-webkit-scrollbar,
	.layout.qmshome .course-sidebar #courseCategories::-webkit-scrollbar {
		display: none;
	}

	.layout.qmshome .course-sidebar li,
	.layout.qmshome .course-sidebar .category-item {
		display: inline-block;
		vertical-align: middle;
		border-bottom: none;
		margin-right: 8px;
	}

	.layout.qmshome .course-sidebar li a,
	.layout.qmshome .course-sidebar .category-link {
		display: inline-block;
		padding: 8px 14px;
		font-size: 13px;
		border-radius: 16px;
		border: 1px solid #e0e6f5;
		background: #fff;
		white-space: nowrap;
	}

	.layout.qmshome .course-sidebar li a:hover,
	.layout.qmshome .course-sidebar .category-link:hover {
		padding-left: 14px;
	}

	.layout.qmshome .course-sidebar li.active a,
	.layout.qmshome .course-sidebar .category-item.active > .category-link {
		background: #0047b3;
		color: #fff;
		border-color: #0047b3;
		border-left: none;
		font-weight: 600;
	}

	.layout.qmshome .sub-categories {
		display: none;
	}

	/* 课程列表区 */
	.layout.qmshome .course-list {
		padding: 16px;
		border-radius: 0;
		border: none;
		box-shadow: none;
	}

	.layout.qmshome .course-list h2 {
		font-size: 18px;
		margin-bottom: 16px;
		padding-bottom: 10px;
	}

	/* 筛选与搜索 */
	.layout.qmshome .course-filter {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
		margin-bottom: 16px;
		padding-bottom: 12px;
	}

	.layout.qmshome .course-filter > div:first-child {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 8px;
	}

	.layout.qmshome .course-filter span {
		margin-right: 0;
		font-size: 14px;
		white-space: nowrap;
	}

	.layout.qmshome .course-filter a {
		margin-right: 0;
		padding: 6px 14px;
		font-size: 13px;
	}

	.layout.qmshome .course-filter .search-box {
		display: block;
		width: 100%;
		margin-left: 0;
	}

	.layout.qmshome .course-filter .search-box input {
		width: 100%;
		height: 38px;
		padding: 8px 40px 8px 12px;
		border-radius: 19px;
		box-sizing: border-box;
		font-size: 14px;
	}

	.layout.qmshome .course-filter .search-box button {
		right: 12px;
	}

	/* 课程卡片：纵向堆叠 */
	.layout.qmshome .course-item {
		flex-direction: column;
		margin-bottom: 14px;
		border-radius: 8px;
		box-shadow: 0 1px 4px rgba(0, 71, 179, 0.06);
	}

	.layout.qmshome .course-item:hover {
		transform: none;
	}

	.layout.qmshome .course-image {
		width: 100%;
		height: auto;
		min-height: 0;
		aspect-ratio: 16 / 9;
	}

	.layout.qmshome .course-image img {
		object-fit: cover;
	}

	.layout.qmshome .course-info {
		padding: 14px;
	}

	.layout.qmshome .course-info h4 {
		font-size: 16px;
		margin-bottom: 8px;
		line-height: 1.4;
		word-break: break-all;
	}

	.layout.qmshome .course-info p {
		font-size: 13px;
		margin-bottom: 10px;
		line-height: 1.5;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.layout.qmshome .course-info .year-desc {
		font-size: 12px !important;
		line-height: 1.45;
		word-break: break-all;
	}

	.layout.qmshome .course-meta {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
		padding-top: 8px;
	}

	.layout.qmshome .course-meta > span {
		font-size: 12px;
		width: 100%;
	}

	.layout.qmshome .course-meta .course-btn {
		margin-left: 0;
		width: 100%;
		text-align: center;
		box-sizing: border-box;
		padding: 10px 16px;
		border-radius: 6px;
	}

	/* 分页 */
	.layout.qmshome .pagination-container {
		margin-top: 16px;
		margin-bottom: 12px;
	}

	.layout.qmshome .pagination {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		max-width: 100%;
	}

	.layout.qmshome .pagination ul {
		flex-wrap: wrap;
		justify-content: center;
	}

	.layout.qmshome .pagination ul > li > a,
	.layout.qmshome .pagination ul > li > span {
		min-width: 36px;
		height: 36px;
		font-size: 13px;
	}

	.layout.qmshome .page-info {
		font-size: 12px;
		padding: 0 8px;
		line-height: 1.5;
	}

	.layout.qmshome .footer .wrap {
		padding-left: 16px;
		padding-right: 16px;
		box-sizing: border-box;
	}
}