@charset "utf-8";

body { margin: 0; }

header { display: flex; padding: 1.25rem calc(10vw - 20px) 0; border-bottom: solid 1px #bdbdbd; }

main { display: flex; flex-direction: column; padding: 0 calc(10vw - 20px); }

aside {  background: #f8f8fb; padding: 0 calc(10vw - 20px); }

footer { padding: 0 calc(10vw - 20px); }

article.普通文章 { display: flex; padding-top: 50px; }

section.正边栏部分 { min-width: 50%; flex-basis: 0; flex-grow: 999; padding-bottom: 2rem; }

section.侧边栏部分 { flex-grow: 1; }

div.分列分区 { display: flex; justify-content: space-between; }

div.标识分区 { display: flex; align-items: flex-end; position: relative; }

div.标识分区:hover::before { background-color: #005a9c; bottom: -0.125rem; content: ""; height: 0.1875rem; left: 0; position: absolute; width: 100%; }

a.页眉链接 { padding: 5px 0; color: black; text-decoration: none; font-weight: bold; }

h1.普通大标题 { font-size: 2rem; margin-top: 0; }

p.普通段落 { font-size: 1.4rem; line-height: 3rem; }

img.标识图片 {  height: 25px; }

ul.页眉列表 { display: flex; align-items: flex-end; margin: 0; padding: 0; flex: 1; list-style: none; }

li.页眉项目 { padding: 5px 0; margin: 0 10px; position: relative; }

li.页眉项目:hover::before { background-color: #005a9c; bottom: -0.125rem; content: ""; height: 0.1875rem; left: 0; position: absolute; width: 100%; }

li.页眉最后项目 { list-style: none; padding: 0 5px; margin-left: auto; display: flex; align-items: center; position: relative; }

li.页眉最后项目:hover::before { background-color: #005a9c; bottom: -0.125rem; content: ""; height: 0.1875rem; left: 0; position: absolute; width: 100%; }

img.主页图片 { width: 100%; }

div.侧边分区 { overflow: hidden; cursor: pointer; padding: 10px 0; }

img.侧边图片 { width: 100%; aspect-ratio: 2/1; object-fit: cover; }

a.按钮链接 { border: solid 2px #005797; border-radius: 1.5rem; color: #005797; display: inline-block; font-size: 0.875rem; font-weight: 600; line-height: 1.5; outline: 2px solid transparent; outline-offset: -2px; padding: 0.6875rem 1.5rem; text-decoration: none; }

a.按钮链接:hover { background-color: #cbe0fb; }

a.按钮链接:focus, a.按钮链接:active { background-color: #f9dc4a; border-width: 3px; color: #000; padding: 0.625rem 1.4375rem; border-color: #000; }

a.页脚链接 { color: black; margin-right: 2vw; text-underline-offset: 0.25em; }

a.普通链接{ color: #005797; padding: 0 0.125rem; text-decoration: underline; text-underline-offset: 0.25em; cursor: pointer; }

div.页眉分区 { display: flex; align-items: center; margin-left: auto; }

img.头像图片 { width: 20px; height: 20px; border-radius: 20px; border: 2px solid gray; }

ul.clean-list { display: flex; flex-wrap: wrap; list-style: none; padding: 0; }


@media (max-width:767.9px) {
    header { flex-direction: column; }
    article.普通文章 { flex-direction: column; }
    div.分列分区 { flex-direction: column; }
}

@media (min-width:768px) {
    div.标识分区 { margin-right: 20px; }
    div.侧边分区 { width: 24%; }
}