/*!
 * base.css — 基础重置与通用容器
 */

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  font-family: "微软雅黑", "Microsoft YaHei", "PingFang SC",
    "Hiragino Sans GB", "Noto Sans CJK SC", sans-serif;
  overflow: hidden;
  overscroll-behavior-y: none;
  background: #000;
  -webkit-text-size-adjust: 100%;
}

/* 键盘可达性：保留清晰的焦点指示，不用 outline:none 全局抹掉 */
button:focus-visible {
  outline: 2px solid #dd0000;
  outline-offset: 3px;
}

.center {
  width: 100%;
  position: relative;
  left: 0;
}

.center > .img {
  position: relative;
}

.center > .img img {
  width: 100%;
  display: block;
}

.center > .img .abstract {
  width: calc(50% - 50px);
  position: absolute;
}

.center > .img .abstract_left {
  left: 50px;
  top: 50%;
  margin-top: -54px;
}

.center > .img .abstract_right {
  right: 50px;
  top: 50%;
  margin-top: -54px;
}

.center > .img .abstract span {
  display: block;
}

.center > .img .abstract .big {
  font-size: 36pt;
  color: #fff;
}

.center > .img .abstract .small {
  font-size: 18pt;
  color: #fff;
  margin-top: 16px;
}