/*：这是演示代码,不是源代码。源码下载唯一地址: http://www.bootstrapmb.com/item/4924(这个备注仅在演示页面有，源代码里没有)*/.demo-switch {	--link-text: #6d6d6d;	--link-text-hover: #fff;	--body-text: #f0f0f0;	--body-text-alt: #878787;	--body-bg: #494949;	--content-font: "Helvetica Neue", Arial, sans-serif;}/* Content */.content {	width: 100%;	float: left;	position: relative;	/*display: grid;	grid-template-columns: repeat(4, 1fr);	grid-template-rows: repeat(2, 1fr);*/	height: 100vh;	overflow: hidden;	/*padding: 2em;*/	font-family: var(--content-font);	--pieces-height: calc(100vh - 4em);}.content__header {	display: flex;}.content__title {	font-size: 7em;	line-height: 0.75;	margin: 0;	font-weight: normal;	position: relative;}.slideshow {	width: 100%;	float: left;	/*grid-area: 1 / 3 / 3 / 5;*/	display: flex;	justify-content: center;}.slide {	opacity: 0;}.pieces {	width: 100% !important;	float: left;	height: 100vh !important;	/*flex: none;*/	opacity: 1;	height: var(--pieces-height);	width: calc(var(--pieces-height) * 0.76);	position: relative;	display: flex;	flex-wrap: wrap;	background-size: 110% 110%;	background-repeat: no-repeat;	background-position: 50% 50%;	-webkit-transform: scale(1.2);	-moz-transform: scale(1.2);	-ms-transform: scale(1.2);	-o-transform: scale(1.2);	transform: scale(1.2);}.piece {pointer-events: none;}/* .menu {	left: 10px;	z-index: 10;	bottom: 50px;	position: absolute;} *//*@media screen and (max-width: 40em) {	.content {		padding: 0 10vw;		grid-template-columns: 80vw;    	grid-template-rows: auto;		height: auto;		margin-bottom: 8em;		--pieces-height: 50vh;	}	.slideshow {		grid-area: 2 / 1 / 4 / 2;	}	.content__header {		grid-column: 1 / 2;	}	.content__title {		font-size: 3em;		padding: 0.5em 0;	}	.menu {		grid-area: 2 / 1;	}	.menu__item {		font-size: 1.5em;	}}*/    /*：这是演示代码,不是源代码。源码下载唯一地址: http://www.bootstrapmb.com/item/4924(这个备注仅在演示页面有，源代码里没有)*/