.xp-ie-chan-home {
  --xp-chan-home-body-size: 12px;
  --xp-chan-home-body-leading: 13px;
  --xp-chan-home-prose-leading: 14px;
  --xp-chan-home-title-size: 12px;
  --xp-chan-home-meta-size: 10px;
  --xp-chan-home-file-size: 11px;
  --xp-chan-home-file-leading: 12px;
  --xp-chan-home-nav-size: 11px;
  --xp-chan-home-board-size: 16px;
  --xp-chan-home-board-leading: 20px;
  --xp-chan-home-aside-size: 10px;
  --xp-chan-home-fine-size: 9px;
  --xp-chan-home-fine-leading: 11px;
  --xp-chan-home-footer-leading: 10px;
  --xp-chan-home-box-size: 11px;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  overflow-anchor: none;
  background: #fefef7 url("../assets/ie/chan-home/page-tile.png") repeat;
  color: #262635;
  font: var(--xp-chan-home-body-size) / var(--xp-chan-home-body-leading)
    Tahoma, SimSun, "Songti SC", sans-serif;
  scrollbar-width: none;
}
.xp-ie-chan-home::-webkit-scrollbar {
  display: none;
}
.xp-ie-chan-home[data-xp-chan-home-view="thread"] {
  --xp-chan-home-body-size: 17.6px;
  --xp-chan-home-body-leading: 21px;
  --xp-chan-home-prose-leading: 21px;
  --xp-chan-home-title-size: 17.6px;
  --xp-chan-home-meta-size: 17.6px;
  --xp-chan-home-file-size: 17.6px;
  --xp-chan-home-file-leading: 21px;
  --xp-chan-home-nav-size: 16px;
  --xp-chan-home-board-size: 20px;
  --xp-chan-home-board-leading: 22px;
  --xp-chan-home-aside-size: 15px;
  --xp-chan-home-fine-size: 13px;
  --xp-chan-home-fine-leading: 16px;
  --xp-chan-home-footer-leading: 16px;
  --xp-chan-home-box-size: 13px;
}
.xp-chan-home-content {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-height: 100%;
  padding: 4px 18px 3px;
}
.xp-chan-home-link,
.xp-chan-home-nav-label {
  color: #0000ee;
  text-decoration: underline;
}

.xp-chan-home-link {
  cursor: pointer;
  --xp-cursor-kind: link;
}

.xp-chan-home-link:focus-visible {
  outline: 1px dotted #000080;
  outline-offset: 1px;
}

.xp-chan-home-prose .xp-ie-chan-link {
  --xp-cursor-kind: link;
}

.xp-chan-home-header {
  min-height: 49px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 0 30px 3px 48px;
}

.xp-chan-home-logo {
  width: 179px;
  height: 54px;
}

.xp-chan-home-header-right {
  text-align: right;
}

.xp-chan-home-quote {
  font-size: var(--xp-chan-home-fine-size);
  line-height: var(--xp-chan-home-fine-leading);
  margin-bottom: 7px;
}

.xp-chan-home-site-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px;
  font-size: var(--xp-chan-home-aside-size);
}

.xp-chan-home-login,
.xp-chan-home-search {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  margin-top: 5px;
  font-size: var(--xp-chan-home-nav-size);
}

.xp-chan-home-login-form,
.xp-chan-home-search-form {
  display: flex;
  align-items: center;
  gap: 4px;
}

.xp-chan-home-login-field,
.xp-chan-home-search-field {
  width: 5em;
  box-sizing: border-box;
  padding: 0 2px;
  border: 1px solid #767676;
  background: #ffffff;
  color: inherit;
  font: inherit;
}

.xp-chan-home-login-button,
.xp-chan-home-search-button {
  padding: 0 6px;
  border: 1px solid #767676;
  background: #efefef;
  color: inherit;
  font: inherit;
  cursor: pointer;
  --xp-cursor-kind: link;
}

.xp-chan-home-login-name {
  color: #008840;
  font-weight: bold;
}

.xp-chan-home-search-field {
  width: 10em;
}

.xp-chan-home-search-summary,
.xp-chan-home-search-empty {
  margin: 8px 0;
}

.xp-chan-home-login-error {
  width: 100%;
  text-align: right;
  color: #bc0000;
}

.xp-chan-home-board-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 24px;
  padding: 0 6px;
  border: 1px solid #8698c5;
  background: #bdd4f6 url("../assets/ie/chan-home/board-strip.png") repeat-x;
}

.xp-chan-home-board-title {
  color: #000000;
  font-size: var(--xp-chan-home-board-size);
  font-weight: bold;
  line-height: var(--xp-chan-home-board-leading);
}

.xp-chan-home-board-description {
  font-size: var(--xp-chan-home-aside-size);
}

.xp-chan-home-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 16px;
  font-size: var(--xp-chan-home-nav-size);
}

.xp-chan-home-navigation-links {
  display: flex;
  gap: 4px;
}

.xp-chan-home-house-index {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  margin: 12px 0 10px 18px;
  padding: 8px 10px;
  border-top: 1px dotted #9298c2;
  border-bottom: 1px dotted #9298c2;
  font-size: 13px;
  line-height: 19px;
}

.xp-chan-home-pagination [aria-current] {
  color: #262635;
  text-decoration: none;
  font-weight: bold;
}

.xp-chan-home-post {
  border-top: 1px solid #9298c2;
  padding: 2px 0 3px;
}

.xp-chan-home-post:last-child {
  border-bottom: 1px solid #9298c2;
}

.xp-chan-home-file {
  margin-bottom: 1px;
  font-size: var(--xp-chan-home-file-size);
  line-height: var(--xp-chan-home-file-leading);
}

.xp-chan-home-post-body {
  display: grid;
  grid-template-columns: 124px minmax(0, 1fr);
  gap: 18px;
  margin-left: 18px;
}

.xp-chan-home-post-body-textonly {
  grid-template-columns: minmax(0, 1fr);
}

.xp-chan-home-locked-notice {
  margin-top: 2px;
  color: #bc0000;
}

.xp-chan-home-boardlist {
  margin-left: 4px;
}

.xp-chan-home-new-mark {
  display: inline;
  margin-left: 2px;
  vertical-align: 0;
  image-rendering: pixelated;
}

.xp-chan-home-board-locked {
  margin: 8px 0;
  color: #bc0000;
}

.xp-chan-home-thumbnail {
  image-rendering: auto;
}

.xp-chan-home-post-head {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  column-gap: 6px;
  row-gap: 2px;
  margin-bottom: 3px;
}

.xp-chan-home-checkbox {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  width: var(--xp-chan-home-box-size);
  height: var(--xp-chan-home-box-size);
  border: 1px solid #1C5180;
  background: linear-gradient(135deg, #DCDCD7, #FFFFFF);
  align-self: center;
}

.xp-chan-home-checkbox:checked {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' shape-rendering='crispEdges'%3E%3Cpath fill='%2321A121' d='M6 0h1v2H5V1h1zM0 2h1v1H0zM4 2h3v1H4zM0 3h2v1H0zM3 3h3v1H3zM0 4h5v1H0zM1 5h3v1H1zM2 6h1v1H2z'/%3E%3C/svg%3E") center / 7px 7px no-repeat, linear-gradient(135deg, #DCDCD7, #FFFFFF);
}

.xp-canvas .xp-chan-home-checkbox {
  --xp-cursor-kind: link;
}

.xp-chan-home-post-title {
  color: #bc0000;
  text-decoration: none;
  font-size: var(--xp-chan-home-title-size);
  font-weight: bold;
}

.xp-chan-home-author {
  color: #008840;
  font-size: var(--xp-chan-home-meta-size);
  font-weight: bold;
}

.xp-chan-home-stamp,
.xp-chan-home-number {
  font-size: var(--xp-chan-home-meta-size);
}

.xp-chan-home-reply {
  margin-left: 5px;
  font-size: var(--xp-chan-home-meta-size);
}

.xp-chan-home-line {
  line-height: var(--xp-chan-home-prose-leading);
}

.xp-chan-home-green {
  margin-top: 4px;
  color: #789922;
}

.xp-chan-home-reply-reference {
  color: inherit;
  text-decoration: none;
}

.xp-chan-home-emoticon {
  display: inline-block;
  vertical-align: middle;
}

.xp-chan-home-floors {
  margin: 8px 0 2px 42px;
}

.xp-chan-home-floor {
  margin-top: 8px;
}

.xp-chan-home-floor-marker {
  color: #800000;
  margin-right: 7px;
}

.xp-chan-home-floor-body {
  display: inline-block;
  vertical-align: top;
  max-width: calc(100% - 40px);
  padding: 4px 7px 5px;
  background: #f0e0d6;
}

.xp-chan-home-floor-picture {
  float: left;
  margin: 4px 22px 4px 0;
}

.xp-chan-home-floor-body::after {
  content: "";
  display: block;
  clear: both;
}

.xp-chan-home-sofa {
  margin: 14px 0 2px 42px;
  color: #800000;
}

.xp-chan-home-closed {
  margin: 18px 0;
  color: #bc0000;
  text-align: center;
  font-weight: bold;
}

.xp-chan-home-footer {
  margin-top: auto;
  text-align: center;
  font-size: var(--xp-chan-home-fine-size);
  line-height: var(--xp-chan-home-footer-leading);
}

.xp-chan-home-catalog {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  padding: 18px 0;
  border-top: 1px solid #9298c2;
  border-bottom: 1px solid #9298c2;
}

.xp-chan-home-catalog-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.xp-chan-home-catalog-title {
  font-weight: bold;
}