html, body { margin: 0; padding: 0; }
body {
  background-color: #e9e6d9;
  color: #33332f;
  font-family: SimSun, "宋体", FangSong, "仿宋", serif;
  font-size: 13px;
  line-height: 1.65;
}
a { color: #183c77; text-decoration: none; }
a:hover { color: #7a1717; text-decoration: underline; }
a:visited { color: #613f73; }
input, textarea, button, select {
  border: 1px solid #aaa796;
  background: #fbf9f0;
  color: #30302d;
  font-family: SimSun, "宋体", serif;
  font-size: 12px;
}
input[type="submit"], button { padding: 1px 8px; }
textarea { width: 570px; height: 140px; padding: 3px; }
#page {
  width: 958px;
  margin: 12px auto 22px;
  background-color: #f5f2e7;
  border: 1px solid #b7b3a2;
}
.topline { height: 23px; padding: 0 10px; border-bottom: 1px solid #c8c4b5; background: #efede3; color: #666359; }
.topline span:last-child { float: right; }
.inline { display: inline; }
.link-button { border: 0; padding: 0; background: transparent; color: #183c77; cursor: pointer; }
.nav { height: 27px; line-height: 27px; text-align: center; border-bottom: 1px solid #a8a491; background-color: #dad9cc; font-size: 14px; font-weight: bold; letter-spacing: 1px; }
.nav a { margin: 0 7px; }
.header-search { padding: 4px 10px; border-bottom: 1px solid #b5b19e; background-color: #e7e4d9; text-align: right; }
.header-search-form { display: inline; }
.header-search select { width: 64px; }
.header-search .search-query { width: 230px; padding: 1px 3px; }
.banner { height: 112px; padding-top: 18px; text-align: center; border-bottom: 1px solid #b5b19e; background-color: #f0ecdf; }
.banner > a { display: block; width: 900px; height: 82px; margin: 0 auto; overflow: hidden; color: #353b43; font-family: FangSong, "仿宋", SimSun, serif; font-size: 42px; font-weight: bold; letter-spacing: 18px; line-height: 82px; text-decoration: none; }
.banner > a.banner-image-loaded { background-position: center; background-repeat: no-repeat; background-size: auto 82px; color: transparent; font-size: 0; line-height: 0; text-indent: -9999px; }
.banner > a:visited { color: #353b43; }
.motto { margin-top: 4px; color: #5f5c53; font-size: 12px; letter-spacing: 5px; }
.site-notice { padding: 3px 10px; border-bottom: 1px dotted #c1bdad; color: #68655c; font-size: 12px; }
.crumb { margin: 7px 9px 5px; padding-bottom: 3px; border-bottom: 1px dotted #aaa694; color: #77736a; font-size: 12px; }
.layout-table { width: 936px; margin: 8px 10px 14px; border-collapse: collapse; table-layout: fixed; }
.main-column { width: 676px; }
.gutter { width: 10px; }
.side-column { width: 250px; }
.section-title, .side-title { height: 25px; line-height: 25px; padding: 0 8px; border: 1px solid #aaa795; background-color: #dcdace; color: #3d3c37; font-size: 14px; font-weight: bold; }
.section-title span { float: right; font-size: 12px; font-weight: normal; }
.post-list { width: 100%; border-collapse: collapse; }
.post-list th { border: 1px solid #c4c0b0; background-color: #e3e1d7; font-weight: normal; text-align: center; }
.post-list td { padding: 4px 6px; border-bottom: 1px dotted #c9c5b5; }
.compact .mark { width: 16px; color: #77736b; text-align: center; }
.compact .author { width: 72px; text-align: center; color: #5f5b52; }
.compact .date { width: 82px; text-align: center; color: #77736b; font-size: 12px; }
.home-book-entry td { background-color: #ebe8dd; font-size: 13px; }
.home-book-entry a { font-weight: bold; }
.home-section-title { height: 29px; line-height: 29px; font-size: 16px; }
.home-announcement {
  padding: 8px 10px;
  border: 1px solid #c3bfaf;
  border-top: 0;
  background-color: #f0eee4;
  font-size: 14px;
}
.home-recommendation {
  padding: 10px 12px 9px;
  border: 1px solid #bbb7a7;
  border-top: 0;
  background-color: #edeadf;
  font-size: 14px;
  line-height: 1.8;
}
.recommend-work a { font-size: 18px; font-weight: bold; }
.recommend-summary { color: #4f4c45; }
.recommend-enter { text-align: right; }
.recommend-enter a { font-weight: bold; text-decoration: underline; }
.home-latest { font-size: 14px; }
.home-latest th { font-size: 13px; }
.home-hot { border: 1px solid #c3bfaf; border-top: 0; font-size: 14px; }
.home-hot .hot-rank { width: 24px; color: #77736b; text-align: center; }
.home-hot .hot-views { width: 92px; color: #6f6b62; font-size: 12px; text-align: right; }
.home-hot .hot-anomaly-author { color: #77736b; font-size: 12px; }

/* 第六章手稿返站事件：只由首页一次性脚本添加下列状态。 */
.manuscript-return-horror,
.manuscript-return-water,
.manuscript-return-bottom-line { pointer-events: none; }
.manuscript-return-horror { position: relative; z-index: 900; }
.manuscript-return-water {
  display: none;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 901;
  background-color: rgba(56, 66, 61, .13);
  background-image:
    radial-gradient(ellipse at 12% 100%, rgba(28, 42, 40, .38) 0, rgba(54, 64, 56, .19) 26%, transparent 58%),
    radial-gradient(ellipse at 72% 105%, rgba(42, 53, 48, .31) 0, rgba(62, 73, 65, .14) 31%, transparent 65%);
  /* 多层 clip-path 与 fixed 混合层会让部分 Chromium/WebView 整页白屏。 */
  mix-blend-mode: normal;
}
.manuscript-return-water-one { height: 70px; opacity: .48; }
.manuscript-return-water-two { height: 150px; opacity: .34; }
.manuscript-return-water-three { height: 250px; opacity: .23; }
body.manuscript-return-water-one-visible .manuscript-return-water-one,
body.manuscript-return-water-two-visible .manuscript-return-water-two,
body.manuscript-return-water-three-visible .manuscript-return-water-three { display: block; }
.banner { position: relative; overflow: hidden; }
.manuscript-return-banner-frame {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 4;
  overflow: hidden;
  pointer-events: none;
}
body.manuscript-return-banner-instant .manuscript-return-banner-frame,
body.manuscript-return-banner-curl .manuscript-return-banner-frame,
body.manuscript-return-banner-cracks-one .manuscript-return-banner-frame,
body.manuscript-return-banner-cracks-two .manuscript-return-banner-frame,
body.manuscript-return-banner-fallen .manuscript-return-banner-frame,
body.manuscript-return-banner-fallen-two .manuscript-return-banner-frame,
body.manuscript-return-banner-bare .manuscript-return-banner-frame { display: block; }
.manuscript-return-banner-underlay,
.manuscript-return-banner-surface {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.manuscript-return-banner-underlay {
  z-index: 1;
  border: 5px solid #4a4131;
  background-color: #887858;
  background-image: var(--manuscript-return-plaque-image, none), radial-gradient(ellipse at 8% 18%, rgba(19, 24, 19, .62) 0, rgba(29, 34, 27, .27) 11%, transparent 29%), radial-gradient(ellipse at 92% 74%, rgba(15, 21, 18, .7) 0, rgba(33, 38, 30, .34) 14%, transparent 32%), radial-gradient(ellipse at 48% 108%, rgba(17, 27, 25, .68) 0, rgba(42, 49, 40, .28) 22%, transparent 52%), linear-gradient(90deg, #665a43 0, #968466 18%, #74664c 48%, #9b8968 75%, #5b503d 100%);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: center, left top, right bottom, center bottom, center;
  background-size: auto 112px, 42% 100%, 46% 100%, 76% 75%, 100% 100%;
  box-shadow: inset 0 0 0 2px rgba(184, 164, 119, .2), inset 0 0 22px 9px rgba(23, 25, 21, .62);
  color: rgba(28, 27, 23, .22);
  font-family: FangSong, "仿宋", SimSun, serif;
  font-size: 43px;
  font-weight: bold;
  line-height: 130px;
  letter-spacing: 20px;
  text-align: center;
  text-shadow: 2px 0 rgba(42, 37, 29, .48), -1px 1px rgba(91, 76, 53, .32);
}
.manuscript-return-banner-underlay::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 6% 72%, rgba(5, 10, 8, .55) 0, rgba(5, 10, 8, .55) 2px, transparent 9px), radial-gradient(circle at 84% 18%, rgba(10, 14, 11, .58) 0, rgba(10, 14, 11, .38) 3px, transparent 13px), radial-gradient(circle at 67% 91%, rgba(17, 21, 18, .6) 0, rgba(17, 21, 18, .32) 4px, transparent 15px);
  opacity: .78;
}
.manuscript-return-banner-surface {
  z-index: 4;
  border-bottom: 1px solid #a89d80;
  background-color: #eee7d4;
  background-image: radial-gradient(ellipse at 18% 22%, rgba(106, 88, 52, .12), transparent 31%), radial-gradient(ellipse at 79% 76%, rgba(91, 74, 43, .1), transparent 37%);
  background-position: center 30%;
  color: #353b43;
}
.manuscript-return-banner-surface-title {
  padding-top: 24px;
  font-family: FangSong, "仿宋", SimSun, serif;
  font-size: 42px;
  font-weight: bold;
  line-height: 82px;
  letter-spacing: 18px;
  text-align: center;
}
.manuscript-return-banner-curl-strip {
  display: none;
  position: absolute;
  right: 2%;
  left: 2%;
  z-index: 7;
  height: 8px;
  background: #c9b990;
  box-shadow: 0 3px 0 rgba(71, 61, 43, .24), 0 7px 7px rgba(54, 45, 31, .2);
}
.manuscript-return-banner-curl-top { top: 1px; border-radius: 48% 41% 55% 37%; background-image: repeating-linear-gradient(94deg, #c9b990 0 38px, #9b8860 41px, #d1c39f 47px); }
.manuscript-return-banner-curl-bottom { bottom: 1px; transform: rotate(180deg); }
body.manuscript-return-banner-curl .manuscript-return-banner-curl-strip,
body.manuscript-return-banner-cracks-one .manuscript-return-banner-curl-strip,
body.manuscript-return-banner-cracks-two .manuscript-return-banner-curl-strip { display: block; }
.manuscript-return-banner-cracks {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 8;
}
.manuscript-return-banner-crack { position: absolute; top: -8%; width: 4px; height: 116%; background: repeating-linear-gradient(to bottom, #6c6044 0 9px, #30281b 9px 14px, #9e8557 14px 18px); box-shadow: 3px 0 #d0bb79, -3px 0 rgba(53, 46, 34, .48); }
.manuscript-return-banner-crack-1 { left: 11%; height: 104%; transform: rotate(4deg) skewX(-5deg); }
.manuscript-return-banner-crack-2 { left: 27%; top: 5%; height: 103%; transform: rotate(-6deg) skewX(4deg); }
.manuscript-return-banner-crack-3 { left: 43%; height: 110%; transform: rotate(3deg) skewX(-7deg); }
.manuscript-return-banner-crack-4 { left: 57%; top: 2%; height: 107%; transform: rotate(-4deg) skewX(6deg); }
.manuscript-return-banner-crack-5 { left: 73%; height: 106%; transform: rotate(6deg) skewX(-4deg); }
.manuscript-return-banner-crack-6 { left: 89%; top: 1%; height: 106%; transform: rotate(-5deg) skewX(5deg); }
body.manuscript-return-banner-cracks-one .manuscript-return-banner-cracks,
body.manuscript-return-banner-cracks-two .manuscript-return-banner-cracks { display: block; }
body.manuscript-return-banner-cracks-two .manuscript-return-banner-crack { width: 12px; background: #1d1811; box-shadow: 5px 0 #ad884c, -4px 0 #30261a, 0 0 8px 3px rgba(83, 50, 22, .5); }
body.manuscript-return-banner-cracks-two .manuscript-return-banner-surface { background-image: radial-gradient(ellipse at 14% 48%, rgba(44, 25, 12, .55), transparent 27%), radial-gradient(ellipse at 55% 30%, rgba(55, 29, 13, .5), transparent 33%), radial-gradient(ellipse at 86% 64%, rgba(38, 22, 12, .58), transparent 28%); }
.manuscript-return-banner-ghost-word {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  color: #8c7540;
  font-family: FangSong, "仿宋", SimSun, serif;
  font-size: 43px;
  font-weight: bold;
  line-height: 130px;
  letter-spacing: 20px;
  text-align: center;
  opacity: .3;
  text-shadow: 3px 0 rgba(35, 28, 18, .7), -2px 1px rgba(170, 139, 76, .45);
}
body.manuscript-return-banner-cracks-two .manuscript-return-banner-ghost-word { display: block; }
.manuscript-return-banner-holes { display: none; position: absolute; inset: 0; z-index: 10; }
.manuscript-return-banner-hole {
  position: absolute;
  background-color: #77684d;
  background-image: radial-gradient(ellipse at center, rgba(20, 27, 23, .62), rgba(98, 82, 55, .24) 50%, transparent 72%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  box-shadow: 0 0 0 4px #282016, 0 0 9px 5px rgba(99, 57, 24, .62), inset 0 0 8px #15120e;
  border-radius: 47% 38% 52% 41%;
}
.manuscript-return-banner-hole-1 { top: 9%; left: 8%; width: 17%; height: 43%; transform: rotate(5deg); }
.manuscript-return-banner-hole-2 { top: 37%; left: 25%; width: 21%; height: 56%; transform: rotate(-4deg); }
.manuscript-return-banner-hole-3 { top: 8%; left: 45%; width: 19%; height: 49%; transform: rotate(3deg); }
.manuscript-return-banner-hole-4 { top: 40%; left: 62%; width: 20%; height: 52%; transform: rotate(-5deg); }
.manuscript-return-banner-hole-5 { top: 5%; right: 4%; width: 15%; height: 56%; transform: rotate(6deg); }
body.manuscript-return-banner-cracks-two .manuscript-return-banner-holes { display: block; }
.manuscript-return-banner-fragments { display: none; position: absolute; inset: 0; z-index: 10; }
.manuscript-return-banner-fragment { position: absolute; border: 1px solid #8b7850; border-radius: 3px 13px 5px 17px; background-color: #d4c5a1; background-image: radial-gradient(ellipse at 30% 20%, rgba(99, 78, 42, .16), transparent 43%); box-shadow: 0 4px 6px rgba(41, 34, 24, .38), inset 0 -5px 7px rgba(76, 48, 22, .26); }
.manuscript-return-banner-fragment-1 { top: 4px; left: 0; width: 31%; height: 41%; transform: translate(-7px, 18px) rotate(-2deg); }
.manuscript-return-banner-fragment-2 { top: 0; left: 30%; width: 26%; height: 58%; transform: translate(2px, 34px) rotate(1deg); }
.manuscript-return-banner-fragment-3 { top: 2px; right: 18%; width: 29%; height: 48%; transform: translate(5px, 24px) rotate(-1deg); }
.manuscript-return-banner-fragment-4 { top: 0; right: 0; width: 21%; height: 66%; transform: translate(10px, 29px) rotate(2deg); }
.manuscript-return-banner-debris { display: none; position: absolute; width: 13px; height: 19px; border-radius: 2px 7px 3px 5px; background: #b7a27a; box-shadow: 0 1px 2px rgba(25, 20, 14, .5); }
.manuscript-return-banner-debris-1 { left: 5%; top: 20%; transform: translate(-8px, 72px) rotate(19deg); }
.manuscript-return-banner-debris-2 { left: 12%; top: 42%; transform: translate(6px, 64px) rotate(-31deg); }
.manuscript-return-banner-debris-3 { left: 19%; top: 18%; transform: translate(-4px, 91px) rotate(43deg); }
.manuscript-return-banner-debris-4 { left: 27%; top: 51%; transform: translate(9px, 56px) rotate(-14deg); }
.manuscript-return-banner-debris-5 { left: 34%; top: 22%; transform: translate(-7px, 83px) rotate(28deg); }
.manuscript-return-banner-debris-6 { left: 42%; top: 48%; transform: translate(4px, 68px) rotate(-39deg); }
.manuscript-return-banner-debris-7 { left: 49%; top: 13%; transform: translate(-6px, 97px) rotate(12deg); }
.manuscript-return-banner-debris-8 { left: 57%; top: 38%; transform: translate(8px, 72px) rotate(-26deg); }
.manuscript-return-banner-debris-9 { left: 64%; top: 17%; transform: translate(-3px, 88px) rotate(37deg); }
.manuscript-return-banner-debris-10 { left: 71%; top: 49%; transform: translate(6px, 61px) rotate(-18deg); }
.manuscript-return-banner-debris-11 { left: 78%; top: 21%; transform: translate(-5px, 84px) rotate(48deg); }
.manuscript-return-banner-debris-12 { left: 84%; top: 44%; transform: translate(5px, 69px) rotate(-34deg); }
.manuscript-return-banner-debris-13 { left: 90%; top: 14%; transform: translate(-6px, 93px) rotate(22deg); }
.manuscript-return-banner-debris-14 { left: 96%; top: 36%; transform: translate(-2px, 76px) rotate(-41deg); }
body.manuscript-return-banner-fallen .manuscript-return-banner-surface,
body.manuscript-return-banner-fallen .manuscript-return-banner-curl-strip,
body.manuscript-return-banner-fallen .manuscript-return-banner-cracks,
body.manuscript-return-banner-fallen .manuscript-return-banner-ghost-word,
body.manuscript-return-banner-fallen .manuscript-return-banner-holes,
body.manuscript-return-banner-bare .manuscript-return-banner-surface,
body.manuscript-return-banner-bare .manuscript-return-banner-curl-strip,
body.manuscript-return-banner-bare .manuscript-return-banner-cracks,
body.manuscript-return-banner-bare .manuscript-return-banner-ghost-word,
body.manuscript-return-banner-bare .manuscript-return-banner-holes { display: none; }
body.manuscript-return-banner-fallen .banner,
body.manuscript-return-banner-fallen-two .banner { overflow: visible; }
body.manuscript-return-banner-fallen .manuscript-return-banner-frame,
body.manuscript-return-banner-fallen-two .manuscript-return-banner-frame { overflow: visible; }
body.manuscript-return-banner-fallen .manuscript-return-banner-fragments,
body.manuscript-return-banner-fallen .manuscript-return-banner-debris { display: block; }
body.manuscript-return-banner-fallen-two .manuscript-return-banner-fragment-1 { transform: translate(-18px, 76px) rotate(-7deg); }
body.manuscript-return-banner-fallen-two .manuscript-return-banner-fragment-2 { transform: translate(5px, 94px) rotate(5deg); }
body.manuscript-return-banner-fallen-two .manuscript-return-banner-fragment-3 { transform: translate(13px, 84px) rotate(-5deg); }
body.manuscript-return-banner-fallen-two .manuscript-return-banner-fragment-4 { transform: translate(21px, 99px) rotate(8deg); }
body.manuscript-return-banner-fallen-two .manuscript-return-banner-debris { margin-top: 42px; }
body.manuscript-return-banner-bare .manuscript-return-banner-fragments { display: none; }
body.night-reading-version .manuscript-return-water { background-color: rgba(1, 5, 6, .34); background-image: radial-gradient(ellipse at 15% 100%, rgba(0, 8, 10, .88) 0, rgba(8, 18, 20, .52) 29%, transparent 62%), radial-gradient(ellipse at 75% 108%, rgba(0, 4, 5, .82) 0, rgba(9, 17, 18, .48) 34%, transparent 67%); mix-blend-mode: normal; }
body.night-reading-version .manuscript-return-banner-underlay { border-color: #1d1c18; background-color: #302c23; color: #77705d; text-shadow: 2px 0 #181714, -1px 1px rgba(127, 115, 82, .2); }
body.night-reading-version .manuscript-return-banner-surface { border-color: #382d20; background-color: #090704; background-image: radial-gradient(ellipse at 20% 25%, rgba(74, 61, 40, .18), transparent 34%), radial-gradient(ellipse at 76% 72%, rgba(47, 44, 36, .18), transparent 40%); color: #a18f63; }
body.night-reading-version .manuscript-return-banner-curl-strip { background: #51442f; box-shadow: 0 3px 0 #17120d, 0 7px 7px rgba(0, 0, 0, .6); }
body.night-reading-version .manuscript-return-banner-crack { background: #161512; box-shadow: 2px 0 #746749, -2px 0 #050403; }
body.night-reading-version.manuscript-return-banner-cracks-two .manuscript-return-banner-crack { box-shadow: 4px 0 #655a40, -3px 0 #030302; }
body.night-reading-version .manuscript-return-banner-ghost-word { color: #7b7054; opacity: .26; }
body.night-reading-version .manuscript-return-banner-fragment { background-color: #17110b; background-image: radial-gradient(ellipse at 30% 20%, rgba(94, 75, 44, .14), transparent 43%); box-shadow: 0 4px 8px #000; }
body.night-reading-version .manuscript-return-banner-hole { background-color: #302b21; box-shadow: 0 0 0 4px #050504, 0 0 10px 6px rgba(61, 45, 26, .72), inset 0 0 8px #000; filter: brightness(.72) contrast(1.25); }
body.night-reading-version .manuscript-return-banner-debris { background: #4b4030; box-shadow: 0 1px 3px #000; }
.manuscript-return-online-name { padding: 3px 0 0 14px; color: #4a4740; }
body.night-reading-version .manuscript-return-online-name { color: #aaa292; }
.manuscript-return-bottom-line {
  display: none;
  position: fixed;
  right: 0;
  bottom: 18px;
  left: 0;
  z-index: 1200;
  color: #4b4840;
  font-family: FangSong, "仿宋", SimSun, serif;
  font-size: 16px;
  letter-spacing: 3px;
  text-align: center;
  text-shadow: 1px 0 rgba(29, 27, 24, .35);
}
body.night-reading-version .manuscript-return-bottom-line { color: #aaa292; }
body.manuscript-return-typing .manuscript-return-bottom-line { display: block; }
@media (max-width: 700px) {
  .manuscript-return-banner-underlay { font-size: 34px; letter-spacing: 12px; }
  .manuscript-return-bottom-line { bottom: 12px; font-size: 14px; letter-spacing: 2px; }
}
.gap-top { margin-top: 12px; }
.hot-list { margin: 5px 0 2px; padding: 0 0 0 31px; line-height: 26px; }
.hot-list li { padding-left: 4px; border-bottom: 1px dotted #cbc7b7; }
.hot-list .reserved { height: 24px; color: transparent; }
.muted { color: #858177; font-size: 12px; }
.chapter-list-status { color: #77736a; font-size: 12px; }
.chapter-story-note { margin-top: 22px; color: #888888; font-family: SimSun, "宋体", serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 1.6; text-align: left; }
.board-table { width: 100%; border-collapse: collapse; }
.board-table th, .board-table td { padding: 5px 7px; border: 1px solid #c5c1b1; }
.board-table th { background-color: #e8e5db; font-weight: normal; }
.board-name { width: 105px; font-size: 14px; font-weight: bold; }
.number { width: 42px; text-align: center; }
.sidebox { margin-bottom: 10px; border: 1px solid #aaa795; font-size: 13px; }
.sidebox .side-title { border: 0; border-bottom: 1px solid #aaa795; }
.side-content { padding: 7px 9px; background-color: #f0eee4; }
.side-content label { display: inline-block; margin-bottom: 5px; }
.login-input { width: 112px; }
.search-input { width: 150px; }
.notice-small { min-height: 43px; font-size: 13px; line-height: 1.6; }
.member-info form { margin-top: 5px; }
.old-note { padding: 8px; border: 1px dotted #b8b4a3; color: #77736a; font-size: 13px; text-align: center; }
.board-intro { margin: 10px; padding: 6px 8px; border: 1px solid #bbb7a7; background-color: #ebe8dd; font-size: 14px; }
.personal-reading-history { margin: 0 10px 10px; padding: 7px 10px 8px; border: 1px solid #c2bdac; background-color: #e8e4d8; color: #4f4c45; font-size: 13px; line-height: 1.6; }
.personal-reading-history-title { padding-bottom: 3px; border-bottom: 1px dotted #b8b2a1; font-weight: bold; }
.personal-reading-history ul { margin: 5px 0 0; padding: 0; list-style: none; }
.personal-reading-history li { padding: 1px 0; }
.book-index-link { margin: -3px 10px 8px; padding: 3px 7px; border-bottom: 1px dotted #aaa694; }
.board-posts { width: 936px; margin: 0 10px; }
.board-posts .folder { width: 20px; color: #77736b; text-align: center; }
.board-posts .title-cell { width: 510px; }
.pager { margin: 8px 10px 16px; text-align: right; color: #67645c; }
.article { width: 936px; margin: 9px 10px; border-collapse: collapse; border: 1px solid #aaa795; table-layout: fixed; }
.article td { vertical-align: top; }
.article-author { width: 148px; padding: 12px; border-right: 1px solid #b9b5a4; background-color: #e9e6dc; color: #625f56; }
.article-head { padding: 7px 10px; border-bottom: 1px solid #b9b5a4; background-color: #efede4; color: #77736a; font-size: 12px; }
.article-head h1 { display: inline; margin: 0 20px 0 0; color: #33332f; font-family: SimSun, "宋体", serif; font-size: 18px; font-weight: bold; }
.article-head div { float: right; }
.article-body { min-height: 210px; padding: 20px 24px; font-family: SimSun, "宋体", serif; font-size: 14px; line-height: 1.6; }
.book-line { margin: 9px 10px 0; padding: 4px 8px; border: 1px solid #bbb7a7; background-color: #e9e6dc; color: #625f56; }
.chapter-article { position: relative; margin-top: 6px; }
.chapter-body { min-height: 280px; }
.chapter-body p { margin: 0 0 16px; text-indent: 2em; }
.chapter-login-gate { margin-top: 24px; color: #77736a; font-size: 13px; text-align: center; }
.chapter-login-only, .chapter-locked-oldlaw, .chapter-unfinished-only { padding-top: 92px; color: #666259; text-align: center; letter-spacing: 1px; }
.chapter-unfinished-only { color: #77736a; letter-spacing: 6px; }
.chapter-unfinished { margin-top: 42px; padding-top: 7px; border-top: 1px dotted #b8b4a4; color: #68655c; text-align: center; letter-spacing: 6px; }
.chapter-nav { margin: 4px 10px 12px; padding: 5px 10px; border-top: 1px dotted #aaa694; border-bottom: 1px dotted #aaa694; overflow: hidden; text-align: right; }
.chapter-nav > :first-child { float: left; }
.dian-du-text { padding: 8px 18px 16px; color: #817d73; line-height: 1.9; user-select: none; }
.dian-du-text p { margin: 0 0 17px; }
.dian-du-target { color: #746f66; }
.dian-du-target.dian-du-read { color: #aaa69b; }
.dian-du-success-flash { position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; background: #d8d6cf; opacity: .14; pointer-events: none; transition: none; animation: none; }
.fan-ye-zone {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  width: 50%;
  height: 50%;
  min-height: 140px;
  background: transparent;
  cursor: default;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.duan-ju-text { padding: 78px 8px 92px; color: #59574f; font-size: 18px; line-height: 2.2; text-align: center; white-space: nowrap; user-select: none; -webkit-user-select: none; }
.duan-ju-char { vertical-align: middle; }
.duan-ju-gap { width: 17px; height: 27px; margin: 0; padding: 0; border: 0; background: transparent; color: #514e47; font-family: SimSun, "宋体", serif; font-size: 18px; line-height: 27px; vertical-align: middle; cursor: default; }
.duan-ju-gap.filled { width: 19px; }
.duan-ju-options { display: inline-block; margin: 0 2px; padding: 1px 2px; border: 1px solid #aaa694; background-color: #e8e5da; vertical-align: middle; white-space: nowrap; }
.duan-ju-options button { width: 22px; height: 22px; margin: 0 1px; padding: 0; border: 1px solid #aaa694; background-color: #efede4; color: #44423d; font-family: SimSun, "宋体", serif; font-size: 15px; line-height: 18px; cursor: default; }
.duan-ju-confirm { margin: -68px 0 70px; text-align: center; }
.duan-ju-confirm input { padding: 2px 12px; border: 1px solid #999586; background-color: #e5e2d7; color: #45433e; font-family: SimSun, "宋体", serif; font-size: 13px; }
.duan-ju-success-flash { position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; background: #46545d; opacity: .14; pointer-events: none; transition: none; animation: none; }
.chapter-annotation { margin: 38px 0 0; padding: 9px 12px 12px; border-top: 1px dotted #aaa694; background-color: #ece9df; }
.chapter-annotation-title { margin-bottom: 7px; color: #625f56; font-weight: bold; }
.chapter-annotation textarea { width: 94%; height: 58px; padding: 3px; border: 1px solid #aaa795; background-color: #f3f0e7; font-family: SimSun, "宋体", serif; font-size: 14px; line-height: 1.6; }
.chapter-annotation input { margin-top: 4px; padding: 2px 10px; border: 1px solid #999586; background-color: #e3e0d5; color: #45433e; font-family: SimSun, "宋体", serif; font-size: 13px; }
.player-private-annotation { margin: 8px 0 12px; padding-bottom: 8px; border-bottom: 1px dotted #b3af9e; color: #68645b; }
.player-ink-handwriting {
  color: #263f64;
  font-family: "HeqiaoPlayerInk", KaiTi, "楷体", serif;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 3px;
  line-height: 1.55;
  transform: rotate(-1deg);
  transform-origin: left center;
}
.player-ink-handwriting.handwriting-medium { font-size: 20px; letter-spacing: 2px; }
.player-ink-handwriting.handwriting-long { font-size: 14px; letter-spacing: 1px; line-height: 1.45; }
.player-handwriting-sample { margin: 11px 8px 16px; padding: 8px 12px 5px; border-left: 1px solid #b3aa94; background-color: #e5dfcf; }
.player-handwriting-note { margin-top: 5px; color: #777168; font-family: SimSun, "宋体", serif; font-size: 12px; }
.old-annotations { margin: 0; padding: 0; list-style: none; color: #756f65; font-family: SimSun, "宋体", serif; }
.old-annotations li { margin: 7px 0; padding: 2px 0 3px 1em; border-bottom: 1px dotted #c9c3b5; letter-spacing: 1px; }
.old-annotation-wave { display: list-item; transition: none; animation: none; }
.old-annotation-wave::before { content: "·"; margin-left: -1em; padding-right: .45em; color: #999184; }
.old-annotation-wave.annotation-wave-waiting { display: none; }
.annotation-wave-feedback { min-height: 20px; margin-top: 8px; color: #777168; }
.pi-zhu-success-flash { position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; background: #5e1815; opacity: .18; pointer-events: none; transition: none; animation: none; }
.kou-men-opened { margin-left: 7px; color: #777168; font-size: 12px; font-weight: normal; }
.kou-men-target {
  cursor: default;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.kou-men-target a { -webkit-user-drag: none; user-select: none; -webkit-user-select: none; }
.chao-zi-source { margin: 24px 4px 15px; padding: 10px 12px; border-top: 1px dotted #aaa694; border-bottom: 1px dotted #aaa694; background-color: #e8e5da; color: #625f57; font-family: SimSun, "宋体", serif; font-size: 14px; line-height: 1.8; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
.chao-zi-notebook { margin: 15px 4px 4px; padding: 9px 12px 12px; border: 1px solid #b6b2a3; background-color: #efede4; }
.chao-zi-title { margin-bottom: 6px; border-bottom: 1px dotted #b9b5a6; color: #5e5a52; font-weight: bold; }
.chao-zi-notebook textarea { width: 94%; height: 92px; padding: 3px; border: 1px solid #aaa795; background-color: #f5f2e9; color: #44413c; font-family: SimSun, "宋体", serif; font-size: 14px; line-height: 1.6; }
.chao-zi-notebook input[type="submit"] { margin-top: 4px; padding: 2px 10px; border: 1px solid #999586; background-color: #e3e0d5; color: #45433e; font-family: SimSun, "宋体", serif; font-size: 13px; }
.chao-zi-success-flash { position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; background: #313431; opacity: .13; pointer-events: none; transition: none; animation: none; }
.zhe-ye-sheet { position: relative; height: 230px; margin: 25px 18px 18px; border: 1px dotted #c2beae; background-color: #e9e6dc; }
.zhe-ye-corner { position: absolute; width: 64px; height: 58px; padding: 0; border: 0; background: transparent; color: #aaa596; font-family: SimSun, "宋体", serif; font-size: 12px; font-weight: normal; cursor: default; touch-action: manipulation; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
.zhe-ye-corner::before { position: absolute; width: 29px; height: 29px; content: ""; }
.zhe-ye-corner span { position: absolute; white-space: nowrap; }
.zhe-ye-previous { top: 9px; left: 9px; }
.zhe-ye-previous::before { top: 0; left: 0; border-top: 1px solid #bbb6a7; border-left: 1px solid #bbb6a7; }
.zhe-ye-previous span { top: 31px; left: 5px; }
.zhe-ye-next { top: 9px; right: 9px; }
.zhe-ye-next::before { top: 0; right: 0; border-top: 1px solid #bbb6a7; border-right: 1px solid #bbb6a7; }
.zhe-ye-next span { top: 31px; right: 5px; }
.zhe-ye-current { right: 9px; bottom: 9px; }
.zhe-ye-current::before { right: 0; bottom: 0; border-right: 1px solid #bbb6a7; border-bottom: 1px solid #bbb6a7; }
.zhe-ye-current span { right: 5px; bottom: 31px; }
.zhe-ye-corner.zhe-ye-read { color: #c4c0b4; }
.zhe-ye-corner.zhe-ye-read::before { border-color: #cecabc; }
.chuan-shu-panel { margin: 24px 4px 8px; padding: 10px 12px; border-top: 1px dotted #aaa694; border-bottom: 1px dotted #aaa694; background-color: #e9e6dc; color: #5f5b52; font-family: SimSun, "宋体", serif; font-size: 13px; }
.chuan-shu-note { margin-bottom: 8px; color: #77736a; font-size: 12px; }
.chuan-shu-panel input { padding: 2px 4px; border: 1px solid #aaa795; background-color: #f5f2e9; color: #44413c; font-family: SimSun, "宋体", serif; font-size: 13px; }
.chuan-shu-panel input[name="recipient"] { width: 140px; }
.chuan-shu-panel input[type="submit"] { margin-left: 5px; padding: 2px 10px; background-color: #e3e0d5; }
.chuan-shu-result { margin: 3px 0 18px; padding: 5px 8px; border-bottom: 1px dotted #aaa694; color: #6f6a60; font-size: 13px; }
.chuan-shu-result b { color: #4f4b44; font-size: 14px; }
.chuan-shu-success-flash { position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; background: #4b0907; opacity: .2; pointer-events: none; transition: none; animation: none; }
.ritual-title-target {
  cursor: default;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.book-kaijuan-target { display: inline-block; touch-action: manipulation; }
#diandeng-drag-area { user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
.lamp-warm-flash { position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; background: #d8c28f; opacity: .12; pointer-events: none; transition: none; animation: none; }
.ritual-feedback {
  min-height: 20px;
  margin: 4px 10px 12px;
  color: #77736a;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
.book-directory-head { margin: 10px; padding: 10px 12px; border: 1px solid #b8b4a4; background-color: #e9e6dc; line-height: 1.8; }
.book-directory-head b { font-size: 18px; }
.book-directory { width: 936px; margin: 0 10px; }
.book-directory .chapter-number { width: 46px; text-align: center; }
.book-directory-status { width: 58px; text-align: center; color: #67635b; }
.book-directory-note { margin: 8px 10px 18px; color: #77736a; font-size: 12px; text-align: right; }
.reply { width: 936px; margin: 8px 10px; border-collapse: collapse; border: 1px solid #b7b3a2; table-layout: fixed; }
.reply-user { width: 148px; padding: 9px 12px; border-right: 1px solid #b7b3a2; background-color: #ebe8de; color: #666259; vertical-align: top; }
.reply-meta { height: 22px; padding: 2px 8px; border-bottom: 1px dotted #bdb9aa; color: #77736a; font-size: 12px; }
.reply-meta span { float: right; }
.reply-body { min-height: 70px; padding: 12px 16px; font-size: 14px; line-height: 1.6; vertical-align: top; }
.reply-count { margin: 5px 11px; text-align: right; color: #77736a; }
.reply-form { margin: 12px 10px 18px; }
.reply-form form { padding: 9px; border: 1px solid #bbb7a6; border-top: 0; }
.login-required { margin: 12px 10px 18px; padding: 8px; border: 1px dotted #aaa694; }
.form-panel { width: 700px; margin: 12px auto 24px; border: 1px solid #aaa795; }
.form-panel .section-title { border-width: 0 0 1px; }
.form-table { margin: 15px auto; border-collapse: collapse; }
.form-table td { padding: 5px 4px; }
.form-table td:first-child { width: 125px; text-align: right; }
.form-table input:not([type="submit"]) { width: 220px; padding: 2px; }
.form-table .wide-input { width: 460px !important; }
.form-table textarea { width: 460px; }
.error, .ok { margin: 9px 10px; padding: 5px 8px; border: 1px solid #bd9e91; background-color: #eee1d7; color: #7b2d20; }
.ok { border-color: #9eab91; background-color: #e5e9db; color: #3e5a32; }
.mail-actions { margin: 9px 10px; padding: 4px 8px; border: 1px solid #b8b4a4; background-color: #e8e5da; }
.mail-list { width: 936px; margin: 0 10px 18px; }
.mail-list .unread { font-weight: bold; }
.message-view, .profile { width: 780px; margin: 12px auto 24px; border-collapse: collapse; }
.message-view th, .message-view td, .profile th, .profile td { padding: 6px 9px; border: 1px solid #b9b5a5; text-align: left; }
.message-view th, .profile th { width: 100px; background-color: #e4e1d6; font-weight: normal; }
.profile-old-login-note { margin: 22px 90px 26px; color: #99958c; font-size: 12px; text-align: right; }
.anonymous-overlap-profile { margin: 110px auto 150px; color: #77736a; font-size: 14px; text-align: center; }
.anonymous-overlap-profile a, .anonymous-overlap-profile a:visited { color: #77736a; text-decoration: none; }
.anonymous-login-records { width: 720px; margin: 12px auto 28px; }
.anonymous-login-records td:first-child { width: 210px; }
.name-echo-notebook { width: 700px; margin: 14px auto 18px; padding: 0 12px 12px; border: 1px solid #b8b3a2; background-color: #ece9df; font-size: 13px; }
.name-echo-title { margin: 0 -12px 11px; padding: 5px 9px; border-bottom: 1px solid #b8b3a2; background-color: #dfdcd1; font-weight: bold; }
.name-echo-notebook input[name="name"] { width: 180px; }
.name-echo-result { margin: 13px 0 2px 44px; color: #4c4b47; font-family: KaiTi, "楷体", FangSong, "仿宋", serif; font-size: 18px; }
.name-echo-result.name-echo-transformed { color: #3c4140; letter-spacing: 3px; }
body.anonymous-overlap-night { min-width: 0; min-height: 100vh; margin: 0; background: #000; color: #898d88; cursor: default; user-select: none; touch-action: manipulation; }
body.anonymous-overlap-night main { position: fixed; top: 50%; left: 8%; width: 84%; transform: translateY(-50%); font-family: FangSong, "仿宋", SimSun, "宋体", serif; font-size: 16px; line-height: 1.9; text-align: center; letter-spacing: 1px; animation: anonymous-ink-appear 1.4s ease-out both; }
.old-classroom-photo-puzzle { width: 700px; margin: 4px auto 10px; }
.old-classroom-photo-frame { position: relative; width: 700px; height: 467px; overflow: hidden; border: 1px solid #9c9686; background-color: #bcb6a7; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
.old-classroom-photo-frame img { display: block; width: 700px; height: 467px; object-fit: cover; transform-origin: 74% 59%; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
.old-classroom-photo-frame img.old-classroom-photo-pressed { transform: scale(1.055); }
.old-classroom-date { position: absolute; right: 16px; bottom: 10px; padding: 1px 4px; color: #d6a36f; background-color: rgba(58, 49, 38, .22); font: bold 13px "Courier New", monospace; letter-spacing: 1px; text-shadow: 1px 1px #6f4b32; }
.old-classroom-seat { position: absolute; left: 62%; top: 47%; width: 27%; height: 29%; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; cursor: default; }
.old-classroom-seat:focus { outline: 1px dotted rgba(76, 70, 58, .38); outline-offset: -3px; }
.old-classroom-caption { margin: 9px 0 4px; color: #88857d; font-size: 12px; line-height: 1.6; }
.old-classroom-seat-detail { position: relative; width: 660px; height: 300px; margin: 13px auto 4px; overflow: hidden; border: 1px solid #9b9587; background-color: #aaa596; background-repeat: no-repeat; background-size: 2160px 1440px; background-position: 73% 58%; filter: sepia(.18) contrast(.94) saturate(.75); }
.old-classroom-pencil-name { position: absolute; left: 48%; top: 51%; max-width: 220px; color: rgba(47, 48, 43, .34); font-family: "HeqiaoPlayerInk", KaiTi, "楷体", serif; font-size: 20px; letter-spacing: 2px; transform: rotate(-5deg) skewX(-7deg); text-shadow: 1px 0 rgba(235, 228, 207, .34), -1px 1px rgba(34, 34, 31, .14); white-space: nowrap; }
.old-classroom-pencil-name::after { content: ""; position: absolute; left: -8px; top: 48%; width: 112%; height: 2px; border-top: 1px solid rgba(45, 44, 39, .22); border-bottom: 1px solid rgba(226, 218, 195, .24); transform: rotate(3deg); }
.folded-book-photo-puzzle { width: 700px; margin: 4px auto 10px; }
.folded-book-photo-frame { position: relative; width: 700px; height: 467px; overflow: hidden; border: 1px solid #958f80; background-color: #aaa394; }
.folded-book-photo-frame img { display: block; width: 700px; height: 467px; object-fit: cover; filter: sepia(.12) saturate(.72) contrast(.94); }
.folded-book-corner { position: absolute; z-index: 2; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; cursor: default; touch-action: manipulation; user-select: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; }
.folded-book-corner-front { left: 24%; top: 3%; width: 18%; height: 20%; }
.folded-book-corner-back { left: 73%; top: 24%; width: 18%; height: 27%; }
.folded-book-corner-middle { left: 50%; top: 64%; width: 22%; height: 24%; }
.folded-book-corner-pressed { outline: 1px dotted rgba(64, 58, 47, .24); outline-offset: -3px; }
.folded-book-caption { margin: 9px 0 4px; color: #88857d; font-size: 12px; line-height: 1.6; }
@keyframes anonymous-ink-appear { from { opacity: 0; color: #111; } to { opacity: 1; color: #898d88; } }
.message-body { min-height: 170px; vertical-align: top; line-height: 1.9; }
.member-list { width: 936px; margin: 0 10px; }
.member-list td { text-align: center; }
.member-list td:first-child { width: 210px; text-align: left; }
.member-list td:nth-child(4) { width: 190px; }
.author-center-panel {
  width: 700px;
  margin: 14px auto 26px;
  border: 1px solid #aaa795;
  background-color: #efede4;
}
.author-center-heading {
  padding: 7px 10px;
  border-bottom: 1px solid #aaa795;
  background-color: #dcdace;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.author-center-table {
  width: 520px;
  margin: 16px auto 18px;
  border-collapse: collapse;
  font-size: 14px;
}
.author-center-table td {
  padding: 7px 4px;
  border-bottom: 1px dotted #bdb9aa;
}
.author-center-chapter { width: 180px; text-align: right; }
.author-center-colon { width: 20px; text-align: center; }
.author-center-status { width: 180px; }
.author-center-status.restored { color: #3d4d39; font-weight: bold; }
.author-center-status.not-restored { color: #77736a; }
.author-center-feedback {
  margin: 12px 24px 0;
  padding: 5px 8px;
  border-bottom: 1px dotted #aaa694;
  color: #69655c;
  font-size: 13px;
  text-align: center;
}
.author-center-note {
  padding: 8px 10px 11px;
  border-top: 1px solid #b9b5a5;
  color: #77736a;
  font-size: 12px;
  text-align: center;
}
.author-center-ending-note {
  padding: 5px 10px 12px;
  color: #88847a;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
}
.author-center-ending-note a,
.author-center-ending-note a:visited,
.author-center-ending-note a:hover {
  color: #777970;
  text-decoration: underline;
}
.author-center-draft-entry {
  padding: 3px 12px 8px;
  color: #99968d;
  font-size: 12px;
  text-align: right;
}
.author-center-draft-entry a,
.author-center-draft-entry a:visited,
.author-center-draft-entry a:hover {
  color: #99968d;
  text-decoration: none;
}
.author-center-draft-panel { min-height: 410px; }
.author-center-draft-meta {
  width: 620px;
  margin: 16px auto 8px;
  border-collapse: collapse;
  color: #656158;
  font-size: 13px;
}
.author-center-draft-meta th,
.author-center-draft-meta td {
  padding: 4px 7px;
  border-bottom: 1px dotted #c0bcad;
  text-align: left;
  font-weight: normal;
}
.author-center-draft-meta th { width: 78px; }
.author-center-draft-body {
  min-height: 230px;
  margin: 14px 32px 28px;
  padding: 19px 22px;
  border: 1px solid #bbb6a4;
  background-color: #e8e3d5;
  color: #45433e;
  font-family: FangSong, "仿宋", SimSun, "宋体", serif;
  font-size: 14px;
  line-height: 1.9;
}
.author-center-draft-body p { margin: 0 0 18px; }
.author-center-draft-ellipsis { color: #8b877c; letter-spacing: 5px; }
.author-center-draft-unfinished { margin-top: 52px; color: #7f7b72; font-size: 12px; }
.post-night-manuscript-note { margin-top: 30px; color: #374348; font-size: 12px; text-align: right; }
.wenzhou-lamp-note { margin-top: 22px; color: #8b887f; font-size: 12px; font-weight: normal; text-align: left; }
.plain-list { margin: 7px 20px 20px 36px; padding: 0; line-height: 27px; }
.plain-list li { border-bottom: 1px dotted #cbc7b7; }
.search-page { padding: 12px; text-align: center; }
.result-search-form { display: inline; }
.result-search-form select { width: 70px; }
.result-search-form .search-query { width: 310px; padding: 2px 3px; }
.search-guest-note { margin: 7px 10px; color: #77736a; font-size: 12px; text-align: right; }
.search-results { width: 936px; margin: 0 10px 20px; table-layout: fixed; }
.search-result-title { width: 175px; }
.search-results td:nth-child(2) { width: 72px; text-align: center; }
.search-results td:nth-child(3) { width: 78px; text-align: center; }
.search-result-date { width: 112px; color: #77736a; font-size: 12px; text-align: center; }
.search-result-snippet { color: #555149; font-size: 13px; line-height: 1.6; }
.simple-page { min-height: 220px; margin: 12px 18px 22px; padding: 12px; border: 1px solid #c0bcac; line-height: 2; }
.footer { clear: both; padding: 13px 10px 16px; border-top: 1px solid #aaa694; background-color: #dfddd2; color: #68655c; font-size: 12px; text-align: center; line-height: 1.8; }
.counter { padding: 0 3px; border: 1px inset #9f9b8d; background-color: #292926; color: #ddd9c9; font-family: "Courier New", monospace; letter-spacing: 1px; }
@font-face {
  font-family: "HeqiaoPlayerInk";
  src: url('/06/fonts/lxgw-wenkai-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}