/* 全站基础重置、字体和容器；各页内容样式在对应页面 CSS，头尾样式在通用 JS。 */
:root {
  --blue: #004196;
  --ink: #333;
  --muted: #666;
  --panel: #f8f8f8;
  --line: #e8e8e8;
  --width: 1380px;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  color: var(--ink);
  font: 16px/1.75 Arial,Helvetica,sans-serif;
  background: #fff;
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  color: var(--blue);
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
button, input {
  font: inherit;
}
button, a, input {
  touch-action: manipulation;
}
button {
  cursor: pointer;
}
button:disabled {
  cursor: default;
}
button:focus-visible, a:focus-visible, input:focus-visible {
  outline: 2px solid #2382c8;
  outline-offset: 4px;
}
button {
  color: inherit;
}
h1, h2, h3, p {
  margin: 0;
}
button img {
  pointer-events: none;
}
[hidden] {
  display: none!important;
}
.container {
  width: calc(100% - 48px);
  max-width: var(--width);
  margin-inline: auto;
}
@media(max-width:767px) {
  .container {
    width: calc(100% - 32px);
  }
}
@media(max-width:379px) {
  .container {
    width: calc(100% - 24px);
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior: auto;
  }
  *, *:before, *:after {
    animation: none!important;
    transition: none!important;
  }
}