body {margin: 0;}
a {text-decoration: none;}
a:hover, a.primary {color: #0064bc;}
.hide {display: none;}
.container {width: 1000px; margin: 0 auto;}
header {background: linear-gradient(.74turn,#2b669b -17.75%,#113261 65.16%); height: 250px; width: 100%; color: #FFF; font-size: 2.5rem;}
header a, header a:hover {color: #FFF;}
header .container {display: flex; justify-content: space-between;}
.logo {text-align: center; padding: 1em;}
.logo-content {line-height: 2rem;}
.logo-content img {width: 300px; height: 120px;}
.affiliation {font-size: 1rem; letter-spacing: 0.3em; margin-top: 0.8em; font-family: SimHei;}
.slogan {padding: 1em 1em 1em; font-family: "Source Han Serif SC", "Noto Sans Serif SC", "Source Han Serif CN", "Noto Serif CJK CN", fangsong; line-height: 3.5rem;}
.slogan-content {text-indent: 2em; padding-right: 1.5em;}
.signature {text-align: right;}
.signature img {width: 150px; height: 60px;}
nav {background: #EEE; padding: 0.4em 0;}
.nav-links-row {display: flex; font-size: 1.1rem;}
.nav-links-row > * {flex: 1; padding: 0.3em 1em;}
.nav-links-row a {color: #000;}
.nav-btn {padding: 0.2em 1em;}
.nav-btn a {background: #0A2458; color: #FFF; padding: 0.1em; width: 5.5em; border-radius: 5px; display: block; text-align: center; font-size: 0.95rem; line-height: 1.45rem;}
.headline {text-align: center; border-bottom: 5px solid #0064bc; padding-bottom: 6px;}
.headline:after {content: ""; display: block; height: 2px; background: #0064bc;}
.headline h2 {margin: 2em 0 1em; font-size: 1.6rem;}
.headline-subtitle {margin-bottom: 1.5em;}
.headline-subtitle .wider {letter-spacing: 0.15em;}
.margin-right {margin-right: 1em;}
.image-pager {width: 960px; margin: 2.2em auto;}
.image-page {position: relative;}
.image-page img {width: 960px; height: 540px; display: block;}
.image-page .image-caption {position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); width: 960px; height: 2em; padding: 1em 0; color: #FFF; text-align: center; line-height: 2em;}
aside.secondary {background: #FFFBEC;}
footer {text-align: center; padding-top: 1em;}
footer .container {border-top: solid 1px #DDD; padding-top: 1em;}
footer a, footer a:hover {color: #000;}
.note {font-size: 0.95em; color: #AAA;}
.note a, .note a:hover {color: #AAA;}

h1 {font-size: 2.5rem; font-weight: normal; text-align: center; margin: 2em 0 1.5em;}
main .meta {display: flex; border-bottom: 1px solid #edbe87; padding-bottom: 0.8em; margin-bottom: 5em;}
main .meta > *:first-child {flex: 1;}
main .content {font-size: 1.1em;}
.indent {text-indent: 2em;}
main .meta-bottom {text-align: right;}

dialog {position: fixed; width: 20rem; box-shadow: rgba(125,114,114,0.5) 0px 5px 15px; border: none; border-radius: 10px; text-align: center;}
dialog .header {position: relative; color: #0064bc; font-size: 1.2rem;}
dialog .header-close {position: absolute; right: 0; top: 0;}
dialog .header-close button {background: transparent; border: none;}
dialog .content {min-height: 5em; display: flex; align-items: center; justify-content: center; color: #777;}
dialog .footer button {border: 1px solid #0064bc; border-radius: 3em; color: #0064bc; background: transparent; padding: 0.5em 3em;}