:root {
	 --primary-color: #dca838;
}
 * {
	 box-sizing: border-box;
}
 html {
	 -moz-osx-font-smoothing: grayscale;
	 -webkit-font-smoothing: antialiased;
	 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
 html, body {
	 height: 100%;
	 margin: 0;
	 padding: 0;
}
 body {
	 padding: 5.68vw 13.5vw;
	 overflow: hidden;
	 display: grid;
	 grid-template-rows: auto auto 1fr;
	 font-family: Microsoft YaHei;
	 background: black;
}
 apex-header {
	 position: fixed;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 72px;
}
 #back-button {
	 justify-self: end;
	 margin: 0 20px 20px;
	 font-size: 18px;
	 color: var(--primary-color);
	 border: none;
	 background: none;
	 cursor: pointer;
}
 main {
	 background-color: white;
	 padding: 2.92vw;
	 overflow-y: auto;
}
 .doc-time {
	 display: block;
	 position: relative;
	 color: rgba(44, 44, 44, 1);
	 padding-bottom: 20px;
	 margin: 20px 0 48px;
}
 .doc-time::before {
	 position: absolute;
	 content: '';
	 left: 0;
	 bottom: 0;
	 width: 100%;
	 height: 1px;
	 background-color: rgba(201, 201, 201, 1);
}
 article {
	 overflow: hidden;
}
 article picture {
	 width: 20vw;
	 float: left;
	 margin-right: 20px;
}
 article picture img {
	 width: 100%;
}
 article p {
	 overflow: hidden;
}
 h1, h2, h3 {
	 text-wrap: balance;
}
 em {
	 color: var(--primary-color);
	 font-style: normal;
}
 li {
	 margin-top: 0.5em;
}
 @media screen and (max-width: 1024px) {
	 body {
		 padding: 20px;
	}
	 article {
		 display: flex;
		 flex-direction: column;
	}
	 article img {
		 width: 100%;
		 float: none;
		 margin: 0 0 20px 0;
	}
}