* {margin: 0px;padding: 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
html,body {font-family: -apple-system,BlinkMacSystemFont,"Microsoft Yahei",MiSans,"HarmonyOS Sans","Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height: 1.5;color: rgba(255,255,255,0.6);font-size: 16px;background-color: rgb(33, 33, 33);height: 100%;display: flex;flex-direction: column;}
ul,li {list-style: none;}
img {border: 0px;max-width: 100%;max-height: 100%;}
em,i,u,s,b,strong {font-style: normal;font-weight: normal;text-decoration: none;}
a {cursor: pointer;color: rgba(255,255,255,0.9);text-decoration: none;display: inline-block;}
a:hover {color: #007bff;}
button {cursor: pointer;border: none;background-color: inherit;}
h1,h2,h3,h4,h5,h6 {font-weight: 400;}
h1 {font-size: 1.25rem;}
h2 {font-size: 1.125rem;}
h3 {font-size: 1rem;}
h4 {font-size: 0.875rem;}

.container {max-width: 100%;margin: auto 1rem;position: relative;}
.hidden {
	opacity: 0;
	visibility: hidden;
}

/* header */
header {
	background-color: rgba(10, 9, 27, 0.9);
	height: 3rem;
	line-height: 3rem;
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	transition: opacity 0.5s, visibility 0.5s;
	opacity: 1;
	visibility: visible;
	margin-bottom: 1rem;
}

/* breadcrumbs */
.breadcrumbs {
	display: flex;
	align-items: center;
	font-size: 0.875rem;
}
.breadcrumbs .feather {
	width: 0.875rem;
	height: 0.875rem;
	margin: 0 0.5rem;
}

/* main */
main {
	flex: 1;
}

/* images */
.images {
	display: flex;
	flex-direction: column;
}
.images img {
	display: none;
}

/* footer */
footer {
	margin-top: 1rem;
	background-color: rgba(3, 3, 3, 0.9);
	height: 3rem;
	line-height: 3rem;
	position: sticky;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	transition: opacity 0.5s, visibility 0.5s;
	opacity: 1;
	visibility: visible;
}

/* prenext */
.prenext {
    width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-around;
	font-size: 0.875rem;
}
.prenext a {
	flex: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.prenext .feather {
    width: 18px;
    height: 18px;
}

@media (min-width: 1140px) {
	.container {max-width: 1140px;margin: auto;}
}