@charset "utf-8";

body { margin: 0; }

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

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

aside { background: #005a9c; color: white; padding: 3.125rem calc(10vw - 20px); }

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

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

article.成员文章 { background-color: #f8f8fb; width: auto; margin: 0 calc(20px - 10vw); padding: 2.5rem calc(10vw - 20px); }

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

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

div.分列分区 { display: flex ; flex-wrap: wrap; margin: -1.5%; }

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.页眉链接 { display: block; width: 100%; padding: .8rem 0; color: black; text-decoration: none; font-weight: bold; }

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

h2.普通大标题 { margin-top: 0; }

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

p.组件成员段落 { max-width: 41.25rem; }

img.标识图片 { display: block; height: 30px; }

ul.页眉列表 { display: flex; list-style: none; }

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

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

img.搜索图标图片 { width: 1rem; height: 1rem; }

li.页眉最后项目 { 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%; }

.成员网格分区 { margin: 2rem 0; display: grid ; grid-auto-rows: minmax(10.5rem, auto); grid-gap: 1.25rem; grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr)); }

figure.成员独立内容 { margin: 0; padding: 1.5rem; align-items: center; background-color: #fff; display: flex ; justify-content: center; position: relative; }

img.成员图片 { max-width: 100%; }

div.侧边分区 { cursor: pointer; background-color: #fff; border-radius: 0.25rem; color: #111; overflow: hidden; padding: 1.25rem; margin: 1.5%; box-sizing: border-box; }

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; object-fit: cover; 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 { align-items: center; }
    button.主菜单按钮 { margin-left: auto; text-align: left; background: url(主菜单打开图标.svg) no-repeat right / contain; border: none; outline: none; width: 70px; height: 30px; }
    ul.页眉列表 { display: none; flex-direction: column; position: absolute; top: 100%; left: 0; right: 0; background: white; margin: 0; padding: 0.5rem calc(10vw - 30px); border-bottom: solid 1px #bdbdbd; }
    li.页眉项目::before { background-color: #ddd; bottom: 0.125rem; content: ""; height: .01rem; left: 0; position: absolute; width: 100%; }
    article.普通文章 { flex-direction: column; }
    div.分列分区 { flex-direction: column; }
}

@media (min-width:768px) {
    header { align-items: flex-end; }
    button.主菜单按钮 { display: none }
    ul.页眉列表 { align-items: flex-end; margin: 0; padding: 0; flex: 1; }
    div.标识分区 { margin-right: 20px; }
    div.侧边分区 { width: 22%; }
}