html,
body {
  margin: 0;
  padding: 0;
  background: #d4d0c8;
  color: #000000;
  font-family: "宋体", SimSun, serif;
  font-size: 12px;
  line-height: 1.45;
}

.wenzhou-deleted-body {
  color: #777;
}

.wenzhou-restored-body p {
  line-height: 1.8;
}

.wenzhou-seventh-afterword {
  margin-top: 26px;
  color: #777;
  font-size: 12px;
  font-weight: normal;
}

.wenzhou-ritual-tools {
  width: 100%;
  border: 1px solid #808080;
  background: #d4d0c8;
}

.system-backfill-note,
.member-system-backfill-note {
  margin-top: 16px;
  color: #aaa;
  font-size: 11px;
  font-weight: normal;
}

.member-system-backfill-note {
  margin-top: 3px;
}

.wenzhou-deleted-reply-box {
  margin-top: 4px;
  border: 1px solid #808080;
  background: #c0c0c0;
}

.wenzhou-deleted-reply-box[hidden] {
  display: none;
}

.wenzhou-deleted-reply-box table {
  width: 100%;
  background: #a0a0a0;
}

.wenzhou-deleted-reply-box th {
  color: #444;
  background: #b8b8b8;
  text-align: left;
}

.wenzhou-deleted-reply-box textarea,
.wenzhou-deleted-reply-box input[disabled] {
  color: #666;
  background: #d0d0d0;
  border: 1px solid #999;
}

body {
  min-width: 980px;
  padding: 8px 0 20px;
}

a:link {
  color: #0000cc;
  text-decoration: none;
}

a:visited {
  color: #551a8b;
  text-decoration: none;
}

a:hover,
a:active {
  color: #ff0000;
  text-decoration: underline;
}

a.was-visited {
  color: #551a8b;
}

img {
  border: 0;
  vertical-align: middle;
}

form {
  margin: 0;
  padding: 0;
}

input,
button {
  font-family: "宋体", SimSun, serif;
  font-size: 12px;
}

#page {
  width: 960px;
  margin: 0 auto;
}

.login-bar {
  width: 100%;
  height: 28px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  background: #ece9d8;
}

.login-bar td {
  padding: 3px 6px;
  white-space: nowrap;
}

.welcome {
  width: 250px;
}

.login-cell {
  text-align: center;
}

.login-cell input[type="text"],
.login-cell input[type="password"] {
  height: 16px;
  padding: 1px 2px;
  border-top: 1px solid #404040;
  border-left: 1px solid #404040;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  background: #ffffff;
}

.login-cell input[type="checkbox"] {
  width: 13px;
  height: 13px;
  margin: 0 2px 0 4px;
  vertical-align: middle;
}

.quick-links {
  width: 88px;
  text-align: right;
}

.old-button {
  min-width: 50px;
  height: 21px;
  padding: 1px 8px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #404040;
  border-bottom: 2px solid #404040;
  background: #d4d0c8;
  color: #000000;
}

.old-button:active {
  border-top-color: #404040;
  border-left-color: #404040;
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;
  padding: 2px 7px 0 9px;
}

.banner {
  width: 100%;
  height: 86px;
  margin-top: 6px;
  border: 1px solid #173452;
  background: #214e78;
  color: #ffffff;
}

.banner-mark {
  width: 62px;
  text-align: center;
}

.banner-mark img {
  width: 32px;
  height: 32px;
  image-rendering: pixelated;
}

.banner-copy h1 {
  margin: 0 0 2px;
  color: #fff2bf;
  font-family: "黑体", SimHei, sans-serif;
  font-size: 34px;
  font-weight: normal;
  letter-spacing: 8px;
}

.banner-copy p {
  margin: 0;
  color: #dce8f3;
  font-family: Arial, sans-serif;
  font-size: 11px;
  letter-spacing: 1px;
}

.banner-note {
  width: 150px;
  padding-right: 18px;
  color: #c8d8e7;
  text-align: right;
  line-height: 1.8;
}

.nav-bar {
  width: 100%;
  height: 25px;
  border-left: 1px solid #1f4770;
  border-right: 1px solid #1f4770;
  border-bottom: 1px solid #1f4770;
  background: #e7edf4;
}

.nav-bar td {
  padding: 3px 8px;
}

.nav-bar span {
  padding: 0 5px;
  color: #8090a0;
}

.nav-bar .forum-time {
  text-align: right;
  white-space: nowrap;
}

.nav-bar .member-nav-entry {
  width: 58px;
  border-left: 1px solid #b4c2d0;
  text-align: right;
  white-space: nowrap;
}

.home-welcome {
  height: 19px;
  padding: 4px 5px 0;
  color: #555555;
  font-size: 12px;
}

.notice-line {
  height: 24px;
  margin-top: 6px;
  border: 1px solid #a0a0a0;
  background: #ffffe1;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
}

.notice-label {
  float: left;
  width: 76px;
  color: #990000;
  font-weight: bold;
  text-align: center;
}

.notice-line marquee {
  width: 875px;
}

.crumb {
  width: 100%;
  height: 27px;
  margin-top: 6px;
  border: 1px solid #8aa0b5;
  background: #f4f7fa;
}

.crumb td {
  padding: 3px 7px;
}

.crumb img {
  margin-right: 4px;
}

.last-backup {
  text-align: right;
  color: #666666;
}

.columns {
  width: 100%;
  margin-top: 6px;
}

.main-column {
  width: 700px;
}

.gutter {
  width: 6px;
  font-size: 1px;
}

.side-column {
  width: 254px;
}

.forum-table,
.side-table,
.stats-table {
  width: 100%;
  border: 1px solid #5c7793;
  background: #9eb0c1;
}

.forum-table th,
.side-table th,
.stats-table th {
  height: 26px;
  padding: 3px 6px;
  border-top: 1px solid #d7e1eb;
  border-left: 1px solid #d7e1eb;
  background: #3d658d;
  color: #ffffff;
  text-align: left;
  font-weight: bold;
}

.forum-table .count-heading {
  width: 45px;
  text-align: center;
}

.forum-table .last-heading {
  width: 166px;
  text-align: center;
}

.category-row td {
  height: 24px;
  padding: 2px 7px;
  background: #d8e2ec;
  color: #24445f;
}

.category-row span {
  color: #66798a;
}

.board-row td {
  background: #ffffff;
}

.board-row.alt-row td {
  background: #f5f7f9;
}

.icon-cell {
  width: 40px;
  text-align: center;
}

.icon-cell img {
  width: 24px;
  height: 24px;
  image-rendering: pixelated;
}

.board-cell {
  height: 80px;
  padding: 6px 6px 5px;
}

.board-title {
  font-size: 14px;
  font-weight: bold;
}

.board-description {
  color: #4b4b4b;
  line-height: 1.8;
}

.moderator {
  color: #777777;
}

.new-tag {
  margin-left: 4px;
  color: #ff0000;
  font-family: Arial, sans-serif;
  font-size: 9px;
  font-weight: bold;
}

.number-cell {
  width: 45px;
  color: #555555;
  text-align: center;
}

.last-cell {
  width: 166px;
  padding: 5px;
  line-height: 1.55;
}

.last-cell span {
  color: #777777;
}

.side-table th {
  text-align: center;
}

.side-table td {
  height: 42px;
  padding: 3px 6px;
  background: #f7f7f7;
  border-bottom: 1px solid #dde2e6;
}

.side-table tr:nth-child(even) td {
  background: #eef3f7;
}

.side-meta {
  padding-left: 17px;
  color: #888888;
}

.tiny-new {
  color: #ff0000;
  font-weight: bold;
}

.archive-tag {
  color: #666666;
}

.quick-table {
  margin-top: 6px;
}

.quick-table td {
  height: 27px;
}

.stats-table {
  margin-top: 6px;
}

.stats-table .stats-title th {
  text-align: left;
}

.stats-title img {
  margin: 0 4px 0 2px;
}

.stats-title span {
  font-weight: normal;
}

.stats-table td {
  background: #f7f7f7;
}

.stats-icon {
  width: 44px;
  padding: 8px 0;
  color: #476985;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

.stats-icon img {
  width: 24px;
  height: 24px;
  image-rendering: pixelated;
}

.online-copy {
  padding: 7px 8px;
}

.online-summary {
  padding-bottom: 6px;
  border-bottom: 1px dotted #9a9a9a;
  color: #555555;
}

.admin-key,
.admin-name {
  color: #cc0000 !important;
}

.online-users {
  margin: 8px 0 2px;
  padding: 0;
  list-style: none;
}

.online-users li {
  display: inline-block;
  width: 122px;
  margin: 2px 4px 2px 0;
  white-space: nowrap;
}

.online-users img {
  margin-right: 3px;
}

.site-totals {
  padding: 7px 8px;
  border-top: 1px solid #d8d8d8;
}

.legend {
  width: 100%;
  margin-top: 5px;
  color: #555555;
}

.legend td {
  padding: 2px;
}

.legend img {
  margin-right: 3px;
}

.legend .dimmed {
  filter: gray;
}

.page-tools {
  text-align: right;
}

.footer {
  margin-top: 12px;
  padding-top: 8px;
  border-top: 1px solid #808080;
  color: #555555;
  text-align: center;
  line-height: 1.35;
}

.ending-maintainer {
  width: 100%;
  margin: 8px 0 0;
  border: 1px solid #808080;
  background: #d4d0c8;
  color: #222;
  font: 12px SimSun, "宋体", sans-serif;
}

.ending-maintainer td {
  width: 50%;
  border: 1px solid #fff;
  text-align: left;
}

.footer p {
  margin: 4px 0;
}

.counter-line {
  margin-top: 7px;
}

.counter {
  display: inline-block;
  padding: 1px 3px 0;
  border-top: 1px solid #404040;
  border-left: 1px solid #404040;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  background: #000000;
  color: #f2f2f2;
  font-family: "Courier New", monospace;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 2px;
}

.best-view {
  color: #8a8a8a;
}

.fallback-table {
  margin-top: 10px;
}

.fallback-table td {
  height: 220px;
  background: #f7f7f7;
  text-align: center;
  vertical-align: middle;
}

.fallback-message {
  color: #990000;
  font-size: 16px;
}

.thread-tools {
  width: 100%;
  margin-top: 6px;
}

.thread-tools td {
  padding: 3px 2px;
}

.thread-actions {
  text-align: right;
}

.thread-title-table {
  width: 100%;
  margin-top: 4px;
  border: 1px solid #5c7793;
  background: #3d658d;
  color: #ffffff;
}

.thread-title-table td {
  height: 28px;
  padding: 4px 8px;
}

.thread-title {
  font-size: 14px;
  font-weight: bold;
}

.thread-pages {
  text-align: right;
  white-space: nowrap;
}

.thread-pages a:link,
.thread-pages a:visited {
  color: #ffffff;
}

.post-table {
  width: 100%;
  margin-top: 4px;
  border: 1px solid #5c7793;
  background: #9eb0c1;
}

.post-table td {
  background: #f7f7f7;
}

.post-table .post-top td {
  height: 24px;
  padding: 2px 7px;
  background: #d8e2ec;
  color: #4a5d6e;
}

.post-user-name {
  width: 152px;
  font-weight: bold;
}

.post-user-name a {
  font-size: 13px;
}

.post-meta {
  border-left: 1px solid #aebdca;
}

.floor-number {
  float: right;
  color: #7b4c20;
  font-weight: bold;
}

.post-user-card {
  width: 152px;
  min-height: 154px;
  padding: 10px 7px;
  border-right: 1px solid #b5c0ca;
  color: #555555;
  text-align: center;
  vertical-align: top;
  line-height: 1.8;
}

.post-user-card img {
  width: 32px;
  height: 32px;
  margin: 5px 0 8px;
  image-rendering: pixelated;
}

.user-detail {
  display: block;
  text-align: left;
}

.taoist-label {
  color: #724f1d;
}

.post-content {
  min-height: 154px;
  padding: 12px 16px 9px;
  vertical-align: top;
}

.post-body {
  min-height: 115px;
  color: #111111;
  font-size: 13px;
  line-height: 1.9;
}

.post-body p {
  margin: 0 0 10px;
}

.reply-post .post-content,
.reply-post .post-user-card {
  min-height: 112px;
}

.reply-post .post-body {
  min-height: 78px;
}

.short-reply {
  padding-top: 15px;
  font-size: 13px;
}

.post-signature {
  margin-top: 16px;
  padding-top: 5px;
  border-top: 1px dotted #999999;
  color: #777777;
}

.edit-record {
  margin-top: 11px;
  color: #777777;
  font-size: 12px;
}

.edit-reason {
  display: block;
  height: 18px;
}

.thread-bottom {
  width: 100%;
  margin-top: 6px;
}

.thread-bottom td {
  padding: 3px 2px;
}

.thread-status {
  color: #666666;
}

.construction-window {
  position: fixed;
  z-index: 1000;
  top: 34%;
  left: 50%;
  width: 360px;
  margin-left: -180px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #202020;
  border-bottom: 2px solid #202020;
  background: #d4d0c8;
}

.construction-window[hidden] {
  display: none;
}

.window-titlebar {
  height: 21px;
  margin: 2px;
  padding-left: 5px;
  background: #000080;
  color: #ffffff;
  font-weight: bold;
  line-height: 21px;
}

.window-close {
  float: right;
  width: 18px;
  height: 17px;
  margin: 2px;
  padding: 0;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #202020;
  border-bottom: 1px solid #202020;
  background: #d4d0c8;
  color: #000000;
  font-family: Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 14px;
}

.window-body {
  padding: 20px 22px 14px;
}

.window-body table {
  width: 100%;
}

.warning-sign {
  width: 42px;
  height: 38px;
  color: #000000;
  text-align: center;
  vertical-align: middle;
  font-family: Arial, sans-serif;
  font-size: 25px;
  font-weight: bold;
}

.warning-sign::before {
  content: "";
  display: block;
  position: absolute;
  width: 32px;
  height: 32px;
  margin: -2px 0 0 4px;
  border: 1px solid #7c6a00;
  background: #fff000;
  z-index: -1;
}

.window-actions {
  margin-top: 16px;
  text-align: center;
}

.window-actions .old-button {
  min-width: 76px;
}

@media print {
  .construction-window {
    display: none !important;
  }
}

/* 动网旧版补充 */
.login-avatar {
  margin: 0 3px;
  image-rendering: pixelated;
  vertical-align: middle;
}

.user-signature-top {
  color: #666666;
}

.clock-panel {
  display: none;
  padding: 5px 8px;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #808080;
  background: #d4d0c8;
  text-align: right;
}

.clock-panel.open {
  display: block;
}

.clock-panel input,
.topic-list input,
.register-table input,
.register-table select,
.register-table textarea {
  border-top: 1px solid #404040;
  border-left: 1px solid #404040;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  background: #ffffff;
  color: #000000;
  font-family: "宋体", SimSun, serif;
  font-size: 12px;
}

.board-heading {
  text-align: left;
}

.board-icon {
  width: 40px;
  height: 64px;
  text-align: center;
}

.board-icon img {
  width: 24px;
  height: 24px;
  image-rendering: pixelated;
}

.board-info {
  padding: 6px;
  line-height: 1.7;
}

.board-info div,
.topic-title div {
  color: #666666;
}

.board-name {
  font-size: 14px;
  font-weight: bold;
}

.board-count {
  width: 45px;
  color: #555555;
  text-align: center;
}

.board-last {
  width: 166px;
  padding: 5px;
  line-height: 1.5;
}

.latest-table {
  width: 248px;
  border: 1px solid #5c7793;
  background: #9eb0c1;
}

.latest-table th {
  height: 26px;
  background: #3d658d;
  color: #ffffff;
}

.latest-table td {
  padding: 4px;
  background: #f7f7f7;
  border-bottom: 1px solid #dddddd;
  vertical-align: top;
}

.latest-table td:first-child {
  width: 128px;
}

.online-table,
.topic-list,
.message-box,
.inbox-table,
.private-message,
.register-heading {
  width: 100%;
  margin-top: 6px;
  border: 1px solid #5c7793;
  background: #9eb0c1;
}

.online-table th,
.topic-list th,
.message-box th,
.inbox-table th,
.private-message th,
.register-heading th {
  height: 26px;
  padding: 3px 7px;
  background: #3d658d;
  color: #ffffff;
  text-align: left;
}

.online-table td,
.topic-list td,
.message-box td,
.inbox-table td,
.private-message td,
.register-heading td {
  padding: 5px 7px;
  background: #f7f7f7;
}

.real-midnight-home-hint {
  display: none;
  padding: 5px 4px 0;
  color: #777777;
  font-size: 11px;
  opacity: 0.24;
  text-align: center;
}

.real-midnight-home-hint.is-visible {
  display: block;
}

.online-person {
  display: inline-block;
  min-width: 126px;
  padding: 3px 4px;
  white-space: nowrap;
}

.online-person img {
  margin-right: 3px;
}

.online-person em {
  display: block;
  padding-left: 20px;
  color: #777777;
  font-style: normal;
}

.topic-list th,
.topic-list td {
  text-align: center;
}

.topic-list th:nth-child(2),
.topic-list td:nth-child(2) {
  text-align: left;
}

.topic-icon {
  width: 35px;
}

.topic-title {
  padding-left: 8px !important;
  line-height: 1.5;
}

.thread-tools {
  width: 100%;
  margin-top: 6px;
  padding: 4px 0;
}

.thread-actions {
  text-align: right;
}

.bottom-tools {
  border-bottom: 1px solid #a0a0a0;
}

.message-box {
  margin-top: 18px;
}

.center-message {
  height: 110px;
  text-align: center;
  vertical-align: middle;
}

.inbox-head td {
  background: #d8e2ec;
  font-weight: bold;
}

.message-mark {
  width: 56px;
  text-align: center;
}

.no-more-messages td {
  height: 42px;
  color: #888888;
  text-align: center;
}

.message-unread td {
  font-weight: bold;
}

.message-read td {
  color: #666666;
}

.pm-label {
  width: 95px;
  background: #e4ebf1 !important;
  text-align: right;
}

.pm-body {
  min-height: 150px;
  line-height: 1.8;
}

.pm-body p {
  margin: 0 0 8px;
}

.mail-archive {
  margin-top: 6px;
  padding: 5px;
  border: 1px solid #b0b0b0;
  background: #eeeeee;
  color: #555555;
}

.inbox-tabs {
  margin-top: 6px;
  padding: 5px 8px;
  border: 1px solid #9aa8b6;
  background: #e4e8ec;
}

.inbox-tabs a.active {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

.pm-compose,
.pm-compose table {
  width: 100%;
}

.pm-compose table {
  margin-top: 6px;
  border: 1px solid #5c7793;
  background: #9eb0c1;
}

.pm-compose th {
  padding: 5px 7px;
  background: #3d658d;
  color: #ffffff;
  text-align: left;
}

.pm-compose td {
  background: #f7f7f7;
}

.pm-compose input[type="text"] {
  width: 420px;
  height: 19px;
  padding: 1px 3px;
  border: 1px solid #7f9db9;
  border-radius: 0;
  font: 12px SimSun, "宋体", serif;
}

.pm-compose textarea {
  width: 620px;
  max-width: 620px;
  padding: 3px;
  border: 1px solid #7f9db9;
  border-radius: 0;
  background: #ffffff;
  font: 12px/1.5 SimSun, "宋体", serif;
}

.pm-user-link {
  font-size: 11px;
  font-weight: normal;
}

.audio-only {
  padding: 28px 12px;
}

.audio-only audio {
  width: 360px;
  height: 28px;
}

.attachment-name {
  margin-top: 8px;
  color: #777777;
}

.mother-photo-attachment {
  width: 246px;
  margin-top: 14px;
  padding: 4px;
  border: 1px solid #b5b5b5;
  background: #eeeeee;
}

.mother-broken-photo {
  position: relative;
  width: 240px;
  height: 160px;
  overflow: hidden;
  border: 1px solid #b8b8b8;
  background: #f6f6f6;
  text-align: left;
}

.mother-scar-photo {
  display: block;
  width: 240px;
  height: 160px;
  opacity: 1;
  filter: none;
}

.mother-file-unavailable {
  width: 240px;
  padding-top: 72px;
  color: #999999;
  font-size: 11px;
  text-align: center;
}

.mother-photo-old-link,
.mother-photo-old-link:link,
.mother-photo-old-link:visited,
.mother-photo-old-link:hover,
.mother-photo-old-link:active {
  display: block;
  width: 240px;
  height: 160px;
  color: inherit;
  text-decoration: none;
  cursor: default;
}

.mother-photo-viewer-cell {
  padding: 24px 8px 18px;
  text-align: center;
}

.mother-photo-large {
  position: relative;
  width: 640px;
  height: 427px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #aaa69d;
  background: #d8d1bf;
}

.mother-photo-large img {
  display: block;
  width: 640px;
  height: 427px;
  opacity: 1;
  filter: none;
}

.mother-photo-scan-note {
  margin-top: 9px;
  color: #777777;
  font-size: 11px;
}

@media screen and (max-width: 700px) {
  body.mother-photo-page {
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
  }

  body.mother-photo-page #page {
    width: 100%;
  }

  body.mother-photo-page .mother-photo-viewer-cell {
    padding-left: 0;
    padding-right: 0;
  }

  body.mother-photo-page .mother-photo-large,
  body.mother-photo-page .mother-photo-large img {
    width: 94vw;
    max-width: 640px;
    height: auto;
  }
}

.archive-anomaly-pinned {
  width: 100%;
  margin-top: 6px;
  border: 1px solid #485664;
  background: #1f2933;
}

.archive-anomaly-pinned th {
  height: 24px;
  padding: 3px 7px;
  background: #263848;
  color: #c8ced2;
  font-weight: normal;
  text-align: left;
}

.archive-anomaly-pinned td {
  padding: 4px 7px;
  border-bottom: 1px solid #4a555f;
  background: #3a4651;
  color: #aeb6bd;
}

.archive-anomaly-pinned td:last-child {
  width: 35px;
  color: #707a82;
  text-align: center;
}

.archive-anomaly-pinned a,
.archive-anomaly-pinned a:visited {
  color: #c3c8cd;
  font-weight: normal;
}

.archive-black-avatar {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 3px;
  background: #000000;
  vertical-align: middle;
}

.archive-blank-user em {
  color: #838b91;
}

body.archive-anomaly-home {
  background: #27323c !important;
  color: #c2c7ca;
}

body.archive-anomaly-home #page {
  border-right-color: #161e25;
  border-left-color: #161e25;
  background: #35414b;
}

body.archive-anomaly-home .banner {
  border-color: #121b23;
  background: #203343;
}

body.archive-anomaly-home .nav-bar,
body.archive-anomaly-home .login-bar,
body.archive-anomaly-home .clock-panel {
  border-color: #1e2a34;
  background: #414d57;
  color: #c0c5c9;
}

body.archive-anomaly-home .home-welcome,
body.archive-anomaly-home .notice-line,
body.archive-anomaly-home .crumb {
  border-color: #202c36;
  background: #3c4852;
  color: #aeb5ba;
}

body.archive-anomaly-home .forum-table,
body.archive-anomaly-home .latest-table,
body.archive-anomaly-home .online-table {
  border-color: #202b35;
  background: #202b35;
}

body.archive-anomaly-home .forum-table th,
body.archive-anomaly-home .latest-table th,
body.archive-anomaly-home .online-table th {
  background: #263847;
  color: #c5cacf;
}

body.archive-anomaly-home .board-row td,
body.archive-anomaly-home .latest-table td,
body.archive-anomaly-home .online-table td {
  border-color: #46525c;
  background: #3b4751;
  color: #afb6bb;
}

body.archive-anomaly-home .board-info div {
  color: #d0d3d5;
}

body.archive-anomaly-home a,
body.archive-anomaly-home a:visited {
  color: #b9c1c8;
}

body.archive-anomaly-home .footer {
  border-color: #1e2a34;
  color: #7f898f;
}

body.archive-anomaly-home #sessionPaper,
html.mobile-paper-mode body.archive-anomaly-home #sessionPaper {
  display: block;
  top: auto;
  right: 8px;
  bottom: 8px;
  width: 96px;
  height: 78px;
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
  pointer-events: none;
}

body.archive-anomaly-home #sessionPaper:hover {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}

body.archive-anomaly-home #sessionPaper .paper-head {
  top: 1px;
  left: 23px;
  width: 26px;
  height: 24px;
  background: #d1bd91;
  transform: none;
}

body.archive-anomaly-home #sessionPaper .paper-mouth,
body.archive-anomaly-home #sessionPaper .paper-back-name {
  display: none !important;
}

body.archive-anomaly-home #sessionPaper .paper-fingers i {
  visibility: visible !important;
}

.bare-page {
  min-width: 0;
  background: #d4d0c8;
  color: #000000;
  font-family: "宋体", SimSun, serif;
  font-size: 12px;
}

.welcome-first {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: -22px;
  text-align: center;
  line-height: 1.6;
}

.welcome-first p {
  margin: 0;
  font-size: 12px;
}

.paper-ready {
  height: 18px;
  padding-top: 4px;
  visibility: hidden;
  color: #555555;
  font-size: 11px !important;
}

.paper-ready.visible {
  visibility: visible;
}

.ghost-avatar {
  position: fixed;
  top: 8px;
  right: 9px;
  opacity: 0.035;
  filter: alpha(opacity=4);
}

.ghost-avatar:hover {
  opacity: 0;
  filter: alpha(opacity=0);
}

.ghost-avatar img {
  image-rendering: pixelated;
}

.homepage-paper {
  position: fixed;
  z-index: 8;
  top: 7px;
  right: 8px;
  width: 72px;
  height: 72px;
  opacity: 0.035;
  filter: alpha(opacity=4);
}

.homepage-paper:hover {
  opacity: 0;
  filter: alpha(opacity=0);
}

.homepage-paper img {
  image-rendering: pixelated;
}

.mail-link {
  white-space: nowrap;
}

.mail-icon {
  display: inline-block;
  position: relative;
  width: 13px;
  height: 9px;
  margin-right: 3px;
  border: 1px solid #575757;
  background: #eeeeee;
  vertical-align: -1px;
}

.mail-icon::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 2px;
  width: 9px;
  height: 1px;
  border-top: 1px solid #777777;
  border-bottom: 1px solid #aaaaaa;
  background: #777777;
}

.unread-count {
  display: inline-block;
  min-width: 12px;
  margin-left: 2px;
  padding: 0 2px;
  border: 1px solid #8b0000;
  background: #cc0000;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
}

.flood-photo-grid {
  width: 714px;
  margin: 10px auto 5px;
  background: #b7b7b7;
}

.flood-photo-grid td {
  width: 234px;
  padding: 3px;
  background: #eeeeee;
  text-align: center;
  vertical-align: top;
}

.archive-photo {
  display: block;
  width: 226px;
  height: 226px;
  margin: 0 auto;
  border-top: 1px solid #777777;
  border-left: 1px solid #777777;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: inherit;
  text-decoration: none;
}

.archive-photo:link,
.archive-photo:visited,
.archive-photo:hover,
.archive-photo:active {
  color: inherit;
  text-decoration: none;
}

.photo-1 { background-image: url("/05/images/archive/flood-photo-1.webp?v=20260822d"); }
.photo-2 { background-image: url("/05/images/archive/flood-photo-2.webp?v=20260822d"); }
.photo-3 { background-image: url("/05/images/archive/flood-photo-3-normal.webp?v=20260822c"); }
.photo-4 { background-image: url("/05/images/archive/flood-photo-4.webp?v=20260822d"); }
.photo-5 { background-image: url("/05/images/archive/flood-photo-5.webp?v=20260822d"); }
.photo-6 { background-image: url("/05/images/archive/flood-photo-6.webp?v=20260822d"); }

.broken-photo {
  background-image: none;
  background-color: #f3f3f3;
  text-align: left;
}

.broken-image {
  color: #555555;
  font-family: Arial, sans-serif;
  font-size: 11px;
}

.broken-photo.temporary-recovered {
  opacity: 0.62;
  filter: blur(2px);
}

.broken-photo.temporary-recovered.photo-4 { background-image: url("/05/images/archive/flood-photo-4.webp?v=20260822d"); }
.broken-photo.temporary-recovered.photo-5 { background-image: url("/05/images/archive/flood-photo-5.webp?v=20260822d"); }
.broken-photo.temporary-recovered.photo-6 { background-image: url("/05/images/archive/flood-photo-6.webp?v=20260822d"); }

.broken-photo.temporary-recovered .broken-image {
  visibility: hidden;
}

.photo-caption {
  padding: 4px 0 1px;
  color: #555555;
  font-size: 11px;
}

.photo-caption-note {
  padding: 1px 5px 4px;
  color: #555555;
  font-size: 11px;
  line-height: 16px;
  text-align: left;
  font-weight: normal;
}

.flood-photo-viewer {
  width: 100%;
  margin-top: 6px;
  background: #808080;
}

.flood-photo-viewer-cell {
  padding: 20px 8px 14px;
  background: #eeeeee;
  text-align: center;
}

.flood-photo-viewer-image {
  width: 420px;
  height: 420px;
  margin: 0 auto;
  border-top: 1px solid #777777;
  border-left: 1px solid #777777;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

.flood-photo-viewer-file {
  display: block;
  width: 420px;
  height: 420px;
  border: 0;
}

.flood-photo-viewer-caption {
  padding-top: 7px;
  color: #666666;
  font-size: 11px;
}

.shoe-archive-table {
  width: 100%;
  margin-top: 6px;
  background: #808080;
}

.shoe-archive-content {
  padding: 18px 8px 14px;
  background: #eeeeee;
  text-align: center;
}

.shoe-archive-content img {
  width: 640px;
  height: 426px;
  border-top: 1px solid #777777;
  border-left: 1px solid #777777;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  filter: blur(0.8px);
}

.shoe-archive-caption {
  padding-top: 7px;
  color: #888888;
  font-size: 11px;
}

.water-bowl-hint {
  margin-top: 20px !important;
  color: #b8b8b8;
  font-size: 11px;
}

.water-bowl-first-line {
  cursor: text;
}

html.water-bowl-touch-mode .water-bowl-first-line {
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  touch-action: none;
  transition: opacity 6s linear;
}

html.water-bowl-touch-mode.water-bowl-touch-holding .water-bowl-first-line {
  opacity: 0.42;
}

html.water-bowl-touch-mode.water-bowl-touch-resetting .water-bowl-first-line {
  opacity: 1;
  transition: none;
}

.water-bowl-marker {
  min-height: 1px;
}

.water-bowl-ripple {
  display: none;
}

html.water-bowl-touch-mode .water-bowl-ripple.water-bowl-ripple-visible {
  display: block;
  position: fixed;
  z-index: 30;
  left: 14%;
  bottom: -7px;
  width: 72%;
  height: 13px;
  border: 1px solid rgba(94, 113, 128, 0.24);
  border-bottom: 0;
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  pointer-events: none;
}

.water-bowl-status {
  min-height: 14px;
  padding-top: 3px;
  color: #aaaaaa;
  font-size: 11px;
  text-align: center;
}

html.water-bowl-touch-mode .water-bowl-marker .water-bowl-hidden-floor {
  opacity: 0;
}

html.water-bowl-touch-mode .water-bowl-marker.water-bowl-mobile-visible .water-bowl-hidden-floor {
  opacity: 1;
  transition: opacity 1s linear;
}

html.water-bowl-frozen,
html.water-bowl-frozen body {
  overflow: hidden;
}

html.water-bowl-frozen body {
  pointer-events: none;
}

.water-bowl-hidden-floor {
  margin-top: 0;
}

.usercp-table {
  width: 100%;
  margin-top: 6px;
  background: #808080;
}

.usercp-table th {
  background: #4f6f91;
  color: #ffffff;
  text-align: left;
  font-weight: bold;
}

.usercp-table td {
  background: #eeeeee;
}

.usercp-label {
  width: 150px;
  background: #e3e3e3 !important;
  text-align: right;
}

.usercp-actions {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.usercp-note {
  color: #888888;
  font-size: 11px;
  text-align: center;
}

.three-knocks-observation {
  min-height: 14px;
  padding: 7px 10px 3px;
  color: #999999;
  opacity: 0.46;
  font-size: 11px;
  text-align: right;
}

.real-midnight-ritual-note {
  margin-top: 14px;
  color: #777777;
  font-size: 11px;
  opacity: 0.52;
}

.deleted-photo-note {
  margin-top: 8px;
  padding-top: 5px;
  border-top: 1px dotted #aaaaaa;
  color: #888888;
  font-size: 11px;
}

.login-photo-gate {
  width: 226px;
  height: 226px;
  margin: 0 auto;
  border-top: 1px solid #777777;
  border-left: 1px solid #777777;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  background: #e6e6e6;
  color: #555555;
  font-size: 12px;
  line-height: 226px;
  text-align: center;
  white-space: nowrap;
}

.quick-search {
  display: inline;
  margin-left: 12px;
  white-space: nowrap;
}

.quick-search input,
.search-page-form input,
.reply-form textarea {
  border-top: 1px solid #404040;
  border-left: 1px solid #404040;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  background: #ffffff;
  color: #000000;
  font-family: "宋体", SimSun, serif;
  font-size: 12px;
}

.quick-search .old-button,
.search-page-form .old-button {
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #404040;
  border-bottom: 1px solid #404040;
  background: #d4d0c8;
}

.reply-form {
  margin-top: 8px;
}

.reply-form table,
.search-page-form table,
.search-results {
  width: 100%;
  border: 1px solid #5c7793;
  background: #9eb0c1;
}

.reply-form th,
.search-page-form th,
.search-results th {
  height: 25px;
  padding: 3px 7px;
  background: #3d658d;
  color: #ffffff;
  text-align: left;
}

.reply-form td,
.search-page-form td,
.search-results td {
  padding: 6px 7px;
  background: #f7f7f7;
}

.reply-form textarea {
  width: 620px;
  height: 112px;
  padding: 2px;
  resize: none;
}

.reply-user {
  width: 150px;
  background: #e4ebf1 !important;
  text-align: center;
  vertical-align: top;
}

.reply-login-note,
.reply-posted,
.reply-error {
  margin-top: 8px;
  padding: 9px;
  border: 1px solid #aaaaaa;
  background: #eeeeee;
  color: #777777;
  text-align: center;
}

.reply-error {
  color: #990000;
}

.search-page-form {
  margin-top: 8px;
}

.search-page-form span {
  color: #777777;
}

.search-count {
  margin-top: 8px;
  padding: 5px 7px;
  border: 1px solid #9a9a9a;
  background: #e5e5e5;
}

.search-reply-hit {
  margin-top: 4px;
  color: #666666;
  font-size: 11px;
  line-height: 16px;
}

.search-member-result,
.member-profile-table {
  width: 100%;
  margin-top: 8px;
  background: #808080;
}

.member-activity-list .member-reply-excerpt {
  margin-top: 3px;
  color: #666666;
  font-size: 11px;
  line-height: 16px;
}

.damaged-old-house-attachment {
  position: relative;
  width: 640px;
  max-width: 100%;
  height: 360px;
  margin: 18px auto 4px;
  text-align: center;
}

.damaged-old-house-attachment img {
  display: inline-block;
  max-width: 100%;
  border: 1px solid #666666;
  background: #000000;
}

.damaged-old-house-post .damaged-user-data {
  color: #777777;
  line-height: 18px;
}

.damaged-old-house-image-text {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 9px 11px;
  box-sizing: border-box;
  background: #000000;
  color: #9a2020;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.55;
  text-align: left;
  overflow: hidden;
  z-index: 2;
}

.damaged-old-house-spread-mask {
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  background: #000000;
  z-index: 3;
}

.damaged-old-house-spread-text {
  position: absolute;
  box-sizing: border-box;
  padding: 9px 11px;
  overflow: hidden;
  background: #000000;
  color: #3c3c3c;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  text-align: left;
  white-space: normal;
}

.search-member-result th,
.member-profile-table th {
  background: #6b7eaa;
  color: #ffffff;
  font-weight: bold;
  text-align: left;
}

.search-member-result td,
.member-profile-table td {
  background: #eeeeee;
}

.member-profile-table {
  width: 620px;
  margin-right: auto;
  margin-left: auto;
}

.member-profile-label {
  width: 130px;
  color: #333333;
  text-align: right;
}

.member-profile-system-note {
  display: none;
  width: 620px;
  margin: 10px auto 0;
  color: #990000;
  font-size: 11px;
  font-weight: normal;
  opacity: 1;
  text-align: center;
  animation: none;
  transition: none;
}

.search-results {
  margin-top: 4px;
}

.search-results th:nth-child(2),
.search-results th:nth-child(3),
.search-results th:nth-child(4),
.search-results td:nth-child(2),
.search-results td:nth-child(3),
.search-results td:nth-child(4) {
  width: 150px;
  text-align: center;
}

.no-search-result {
  height: 60px;
  color: #777777;
  text-align: center !important;
}

.anomaly-result td {
  color: #555555;
}

.search-redacted {
  display: inline-block;
  padding: 0 3px;
  background: #111111;
  color: #111111;
  font-family: "宋体", SimSun, serif;
  letter-spacing: 1px;
}

.session-paper {
  position: fixed;
  z-index: 8;
  top: 7px;
  right: 8px;
  width: 96px;
  height: 78px;
  opacity: 0.045;
  filter: alpha(opacity=5);
}

.session-paper:hover {
  opacity: 0;
  filter: alpha(opacity=0);
}

.paper-figure {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 72px;
  height: 72px;
}

.paper-figure img {
  width: 72px;
  height: 72px;
  image-rendering: pixelated;
}

.paper-head {
  display: block;
  position: absolute;
  top: 3px;
  left: 25px;
  width: 22px;
  height: 20px;
  background-image: var(--paper-avatar);
  background-position: -25px -3px;
  background-size: 72px 72px;
  background-repeat: no-repeat;
  transform-origin: 50% 85%;
}

.paper-mouth {
  display: none;
  position: absolute;
  top: 24px;
  left: 31px;
  width: 11px;
  height: 5px;
}

.paper-mouth i {
  display: inline-block;
  width: 1px;
  height: 5px;
  margin-right: 2px;
  background: #4f3b2c;
}

.session-paper[data-mouth-sewn="1"] .paper-mouth {
  display: block;
}

.session-paper.head-turning .paper-head {
  transform: scaleX(0.82) translateX(1px);
  transition: transform 40s linear;
}

.paper-fingers {
  display: block;
  position: absolute;
  top: 34px;
  left: 61px;
  width: 7px;
  height: 10px;
}

.paper-fingers i {
  display: block;
  width: 6px;
  height: 1px;
  margin-bottom: 1px;
  background: #b38a4c;
}

.session-paper[data-missing-fingers="1"] .paper-fingers i:nth-child(5),
.session-paper[data-missing-fingers="2"] .paper-fingers i:nth-child(n+4),
.session-paper[data-missing-fingers="3"] .paper-fingers i:nth-child(n+3),
.session-paper[data-missing-fingers="4"] .paper-fingers i:nth-child(n+2),
.session-paper[data-missing-fingers="5"] .paper-fingers i {
  visibility: hidden;
}

.paper-back-name {
  position: absolute;
  top: 25px;
  right: 51px;
  width: 90px;
  color: #222222;
  opacity: 0;
  filter: blur(3px);
  font-size: 11px;
  text-align: right;
  white-space: nowrap;
}

.session-paper.show-back-name .paper-back-name {
  opacity: 0.55;
}

.profile-name {
  display: inline-block;
  min-height: 40px;
  line-height: 40px;
  vertical-align: middle;
}

.profile-inline-paper {
  display: inline-block;
  position: relative;
  top: auto;
  right: auto;
  width: 46px;
  height: 40px;
  margin-left: 6px;
  opacity: 0.36;
  vertical-align: middle;
  filter: alpha(opacity=36);
  pointer-events: none;
}

.profile-inline-paper .paper-figure {
  top: -16px;
  right: -13px;
  transform: scale(0.52);
}

body[data-mobile-paper-page="profile"] #page > #sessionPaper {
  display: none;
}

.transition-paper {
  position: absolute;
  top: 64px;
  right: 50%;
  bottom: auto;
  width: 72px;
  height: 72px;
  margin-right: -36px;
  opacity: 0.18;
  filter: alpha(opacity=18);
  pointer-events: none;
}

.transition-paper .paper-figure {
  right: 0;
}

html.mobile-paper-mode #sessionPaper {
  top: auto;
  right: 5px;
  bottom: 7px;
  width: 98px;
  height: 98px;
  opacity: 0;
  filter: alpha(opacity=0);
  pointer-events: none;
  touch-action: none;
}

html.mobile-paper-mode #sessionPaper > .paper-figure {
  top: auto;
  right: 3px;
  bottom: 3px;
  transform: scale(1.25);
  transform-origin: 100% 100%;
}

html.mobile-paper-mode body[data-mobile-paper-page="thread"] #sessionPaper {
  opacity: 0.13;
  filter: alpha(opacity=13);
}

html.mobile-paper-mode #sessionPaper.mobile-paper-event {
  opacity: 0.25;
  filter: alpha(opacity=25);
}

html.mobile-paper-mode #sessionPaper.mobile-paper-event-ending {
  opacity: 0.08;
  filter: alpha(opacity=8);
}

html.mobile-paper-mode .session-paper.head-turning .paper-head {
  transform: scaleX(0.82) translateX(1px);
  transition: none;
}

.reply-delete-form {
  display: inline;
  margin-left: 10px;
}

.reply-delete-form input {
  padding: 0 3px;
  border: 0;
  background: transparent;
  color: #6666aa;
  font-family: "宋体", SimSun, serif;
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
}

.not-found-doubt {
  margin-top: 18px !important;
  color: #999999;
  font-size: 11px;
}

.damaged-search-result a {
  color: #333366;
  font-family: "宋体", SimSun, serif;
}

.damaged-archive .post-user-card {
  background: #eeeeee;
}

.black-archive-image {
  display: block;
  width: 640px;
  height: 360px;
  margin: 18px auto;
  filter: brightness(0);
}

.profile-archive-link {
  margin: 14px 0 4px;
  color: #777777;
  font-size: 11px;
  text-align: center;
}

.profile-archive-link a,
.profile-archive-link a:visited {
  color: #777777;
  text-decoration: none;
}

body.member-archive-page {
  background: #c8b98f;
}

body.member-archive-page #page,
.member-archive-sheet {
  background: #d9cca9;
}

.member-archive-sheet {
  padding: 1px 8px 18px;
  border-right: 1px solid #8c7d59;
  border-left: 1px solid #8c7d59;
}

.archive-heading {
  width: 100%;
  margin: 8px 0 5px;
  border: 1px solid #7f704e;
  background: #b8a77c;
  font-family: "宋体", SimSun, serif;
  font-size: 12px;
}

.archive-heading th {
  border-bottom: 1px solid #7f704e;
  background: #8f835f;
  color: #18160f;
  font-weight: normal;
  text-align: left;
}

.archive-heading td {
  background: #d0c19a;
  color: #3f3928;
}

.archive-paper-table {
  width: 100%;
  table-layout: fixed;
}

.archive-paper-table td {
  width: 50%;
  vertical-align: top;
}

.archive-paper {
  min-height: 105px;
  padding: 11px 13px;
  border-top: 1px dashed #786a4b;
  border-right: 2px solid #8d7b54;
  border-bottom: 2px dashed #9e8b61;
  border-left: 1px solid #756747;
  background: #d8c69b;
  color: #282318;
  font-family: "宋体", SimSun, serif;
  font-size: 12px;
}

.archive-paper-table tr:nth-child(even) .archive-paper {
  background: #d2c096;
}

.archive-paper-number {
  padding-bottom: 7px;
  border-bottom: 1px dotted #8c7b57;
  color: #665b42;
  font-size: 11px;
}

.archive-fragment-name {
  margin-top: 12px;
  color: #231e15;
  font-size: 14px;
}

.archive-fragment-line {
  margin-top: 9px;
  line-height: 1.7;
  color: #4d4431;
}

.archive-fragment-garbled {
  width: 78%;
  margin: 22px auto 0;
  color: #887b60;
  filter: blur(2px);
  opacity: 0.58;
  text-align: center;
  white-space: nowrap;
}

.archive-return {
  margin: 7px 0 0;
  color: #62583f;
  text-align: center;
}

.archive-return a,
.archive-return a:visited,
.archive-crumb a,
.archive-crumb a:visited {
  color: #34345f;
}

.archive-star-map-entry {
  margin: 12px 10px 5px;
  padding-top: 9px;
  border-top: 1px dotted #8c7b57;
  color: #77705f;
  font-size: 12px;
  line-height: 1.8;
  text-align: center;
}

.archive-star-map-entry a,
.archive-star-map-entry a:visited {
  color: #34345f;
}

.reverse-list-next {
  margin-top: 14px;
  font-weight: normal;
}

a.altar-entry-link,
a.altar-entry-link:link,
a.altar-entry-link:visited {
  color: #8b1a1a;
  font-weight: bold;
}

a.altar-entry-link:hover,
a.altar-entry-link:active {
  color: #a00000;
}

.archive-hidden-fragment {
  width: 46%;
  min-height: 82px;
  margin: 12px auto 5px;
  padding: 10px 13px;
  border-top: 1px dashed #625842;
  border-right: 2px solid #7d6f50;
  border-bottom: 2px dashed #8a7a58;
  border-left: 1px solid #5e553f;
  background: #c8b483;
  color: #2c271b;
}

.member-list-user-link.reverse-list-read,
.member-list-user-link.reverse-list-read:visited {
  color: #777777;
}

.reverse-list-result td {
  height: 150px;
  color: #222222;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
}

.star-map-page {
  background: #d4d0c8;
}

.star-map-frame {
  width: 100%;
  margin-top: 7px;
  border: 1px solid #6d6758;
  background: #b4aa8e;
}

.star-map-frame td {
  padding: 18px 0;
  background: #c9bea0;
  text-align: center;
}

.old-star-map {
  position: relative;
  width: 640px;
  max-width: 92%;
  height: 420px;
  margin: 0 auto;
  overflow: hidden;
  border-top: 2px solid #817454;
  border-right: 1px dashed #75694d;
  border-bottom: 2px dashed #8e805e;
  border-left: 1px solid #6f644a;
  background: #cdb98b;
}

.old-star-map::before,
.old-star-map::after {
  position: absolute;
  content: "";
  pointer-events: none;
}

.old-star-map::before {
  top: 7%;
  right: 6%;
  bottom: 9%;
  left: 5%;
  border: 1px dotted #a18f69;
}

.old-star-map::after {
  top: 17%;
  left: 11%;
  width: 19%;
  height: 24%;
  border: 1px solid #b29d71;
  opacity: 0.42;
}

.star-trace {
  position: absolute;
  z-index: 1;
  height: 0;
  border-top: 1px dotted #6f6651;
  opacity: 0.44;
  transform-origin: 0 0;
}

.star-trace-1 { top: 31%; left: 16%; width: 15%; transform: rotate(26deg); }
.star-trace-2 { top: 41%; left: 27%; width: 15%; transform: rotate(-23deg); }
.star-trace-3 { top: 32%; left: 38%; width: 15%; transform: rotate(31deg); }
.star-trace-4 { top: 45%; left: 47%; width: 14%; transform: rotate(21deg); }
.star-trace-5 { top: 54%; left: 58%; width: 15%; transform: rotate(-10deg); }
.star-trace-6 { top: 48%; left: 72%; width: 16%; transform: rotate(29deg); }

.star-point {
  position: absolute;
  z-index: 2;
  width: 9px;
  height: 9px;
  padding: 0;
  border: 0;
  background: #17140f;
  cursor: default;
  filter: blur(1.1px);
  opacity: 0.68;
}

.star-point:focus {
  outline: 1px dotted #6c624c;
  outline-offset: 3px;
}

.star-point.is-lit {
  width: 11px;
  height: 11px;
  margin: -1px 0 0 -1px;
  background: #000000;
  filter: blur(0.3px);
  opacity: 0.94;
}

.star-point-1 { top: 30%; left: 16%; }
.star-point-2 { top: 41%; left: 27%; }
.star-point-3 { top: 31%; left: 38%; }
.star-point-4 { top: 45%; left: 47%; }
.star-point-6 { top: 48%; left: 72%; }
.star-point-7 { top: 61%; left: 84%; }

.star-point-5 {
  top: 54%;
  left: 58%;
  background: #080706;
  opacity: 0.82;
}

.star-point-5.is-lit {
  background: #000000;
  opacity: 1;
}

.star-mark {
  position: absolute;
  z-index: 1;
  color: #40382a;
  font-family: SimSun, "宋体", serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  white-space: nowrap;
  opacity: 0.82;
  filter: none;
  pointer-events: none;
}

.star-mark-1 { top: 34%; left: 11%; transform: rotate(-3deg); }
.star-mark-2 { top: 45%; left: 19%; transform: rotate(2deg); }
.star-mark-3 { top: 35%; left: 34%; transform: rotate(-2deg); }
.star-mark-4 { top: 49%; left: 39%; transform: rotate(2deg); }
.star-mark-6 { top: 52%; left: 64%; transform: rotate(-2deg); }
.star-mark-7 { top: 65%; left: 74%; transform: rotate(2deg); }

@media screen and (max-width: 700px) {
  .archive-hidden-fragment {
    width: 82%;
  }

  body.star-map-page {
    min-width: 0;
  }

  body.star-map-page #page {
    width: 100%;
  }

  .star-map-frame td {
    padding: 10px 0;
  }

  .old-star-map {
    width: 94%;
    height: 380px;
    min-height: 380px;
    max-height: 380px;
  }

  .star-mark {
    font-size: 12px;
    line-height: 14px;
    opacity: 0.88;
  }

  .star-mark-1 { top: 35%; }
  .star-mark-2 { top: 46%; }
  .star-mark-3 { top: 37%; }
  .star-mark-4 { top: 51%; left: 34%; }
  .star-mark-6 { top: 58%; left: 54%; }
  .star-mark-7 { top: 69%; left: 63%; }
}