* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { width: 100%; margin: 0 auto; min-width: 800px; max-width: 1080px; background-color: rgb(225,225,220); box-shadow: -15px 15px 30px #888; font-size: 10.5pt; }
.style-zt { font-family: Helvetica, Arial, "Microsoft YaHei", Simhei, STHeiti, Simsun, sans-serif; }
.div_main { background-color: rgb(250,250,250); width: 100%; min-height: 100vh; line-height: 130%; }
.site-banner { display: block; width: 100%; border: 0; }
#site-nav { display: grid; grid-template-columns: 22% 22% 22% 22% 12%; width: 100%; font-size: large; color: rgb(250,250,250); text-align: center; gap: 1px; background: #fff; }
.nav-link, .language-toggle { display: block; border: 0; padding: 5px; background: #0066cc; color: #fff; text-align: center; text-decoration: none; font: inherit; cursor: pointer; }
.nav-link:hover, .nav-link:active, .nav-link:focus-visible { background-color: #660099; }
.nav-link.current { cursor: default; }
.language-toggle { background: #990033; border-radius: 5px; }
.home-layout { display: grid; grid-template-columns: 50% 50%; }
.home-intro { padding: 2% 2% 0 3%; border-right: 1px solid rgb(220,220,220); }
.home-news { padding: 2% 0 0 3%; }
.home-layout h1, .home-layout h2 { margin: 0 0 1em; text-align: center; font-size: 130%; }
.home-layout h2 { font-size: 110%; }
.home-intro p { text-align: left; }
#welcome-join { text-align: center; color: #cc0000; font-weight: bold; }
hr { border: 0; height: 1px; background-color: rgb(220,220,220); }
.notice-board { height: 200px; overflow-y: auto; }
.news-scroll { height: 350px; width: 98%; overflow-y: scroll; text-align: left; }
.news-scroll p { margin-top: 0; }
.news-image { display: block; height: 200px; max-width: 94%; object-fit: contain; box-shadow: -5px 5px 10px #aaa; margin: 8px 0 18px; }
.page-content { padding-top: 18px; }
.people-category { width: 100%; margin-bottom: 20px; }
.people-category-title { margin: 0 0 10px; text-align: left; text-indent: 3%; font-size: large; font-weight: normal; }
.people-category > hr { margin-bottom: 20px; }
.people-grid { width: 95%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: flex-start; }
.person { width: 33.33%; padding: 10px; margin-bottom: 20px; display: flex; }
.person-image { width: 40%; min-height: 160px; padding-right: 10px; text-align: right; }
.person-image img { height: 160px; max-width: 100%; object-fit: contain; box-shadow: -5px 5px 10px #aaa; }
.person-info { width: 60%; padding: 0 0 0 8px; text-align: left; }
.research-content { padding: 2% 4% 0; line-height: 150%; text-align: left; }
.research-content h2 { margin: 2em 0 .35em; font-size: 1em; }
.publication-layout { position: relative; display: grid; grid-template-columns: 8% 92%; align-items: start; }
.year-nav { position: sticky; top: 0; padding: 10px 0; background-color: rgb(230,230,250); font-size: 120%; line-height: 140%; text-align: center; }
.year-nav a { display: block; }
.publication-list { padding: 10px 4%; }
.publication-year h1 { margin: 0; font-size: 125%; font-weight: normal; }
.publication-year p { margin: 1.4em 0; line-height: 1.35; }
#site-footer { margin-top: 20px; padding: 8px 0 14px; border-top: 3px solid #0066cc; text-align: center; }