* {box-sizing: border-box; margin: 0; padding: 0}
body {font-family: "Microsoft YaHei", Arial, sans-serif; font-size: 14px; background: #f0f0f0; color: #333}
a {color: #333; text-decoration: none}
a:hover {color: #e05; text-decoration: none}
.cc {clear: both}

.header {background: #e05; height: 45px; line-height: 45px; display: flex; align-items: center; justify-content: space-between; padding: 0 10px; position: relative}
.header .logo a {color: #fff; font-size: 18px; font-weight: bold}
.header .back a {color: #fff; font-size: 14px}
.header h1 {color: #fff; font-size: 16px; flex: 1; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0}
.header .reg a {color: #fff; font-size: 13px; margin-left: 8px}

.nav {background: #222; display: flex; overflow-x: auto; white-space: nowrap}
.nav ul {list-style: none; display: flex}
.nav ul li a {display: block; padding: 10px 14px; color: #ddd; font-size: 14px}
.nav ul li a:hover {color: #fff; background: #444}

.search {display: flex; padding: 8px; background: #fff; border-bottom: 1px solid #ddd}
.search .searchinput {flex: 1; border: 1px solid #ccc; border-radius: 4px 0 0 4px; padding: 6px 10px; outline: none; font-size: 14px}
.search .go {background: #e05; color: #fff; border: none; border-radius: 0 4px 4px 0; padding: 6px 14px; cursor: pointer; font-size: 14px}

.article {background: #fff; margin: 6px 0; padding: 10px}
.article h2 {font-size: 15px; border-left: 3px solid #e05; padding-left: 8px; margin-bottom: 10px}
.article h2 span {color: #333}
.block {overflow: hidden; margin-bottom: 8px}
.block_img {float: left; width: 80px; margin-right: 10px}
.block_img img {width: 80px; height: 110px; object-fit: cover}
.block_txt h2, .block_txt h3 {font-size: 15px; margin-bottom: 4px}
.block_txt p {font-size: 12px; color: #666; line-height: 1.5}
.block ul {list-style: none; padding: 0}
.block ul li {border-bottom: 1px solid #f0f0f0; padding: 6px 0; font-size: 13px}
.block ul li .blue {color: #337ab7}

#content {min-height: 200px}
.sortcontent {background: #fff; padding: 8px; border-bottom: 1px solid #eee}
.sortcontent ul {list-style: none; display: flex; flex-wrap: wrap}
.sortcontent ul li {margin: 3px}
.sortcontent ul li a {display: block; padding: 4px 10px; background: #f5f5f5; border-radius: 3px; font-size: 13px}
.sortcontent ul li a.onselect, .sortcontent ul li a:hover {background: #e05; color: #fff}

.cover {padding: 6px}
.cover .block {background: #fff; margin-bottom: 6px; padding: 8px; border-radius: 3px}
.cover .block_img img {width: 70px; height: 95px}

.index-container {display: flex; justify-content: center; align-items: center; padding: 10px; gap: 10px; background: #fff; margin-top: 6px}
.index-container-btn {padding: 6px 14px; background: #e05; color: #fff; border-radius: 3px; font-size: 13px}
.index-container-btn:hover {color: #fff; opacity: .85}
.disabled-btn {background: #ccc}
#indexselect {padding: 5px; border: 1px solid #ccc; border-radius: 3px}

/* book detail */
.cover .read {padding: 8px; background: #fff; text-align: center}
.cover .read h3 {font-size: 17px; font-weight: bold; margin-bottom: 4px}
.cover ul.chapter {list-style: none}
.cover ul.chapter li {border-bottom: 1px solid #f0f0f0}
.cover ul.chapter li a {display: block; padding: 8px 10px; font-size: 14px}
.cover ul.chapter li.even {background: #fafafa}
.ablum_read {display: flex; gap: 8px; padding: 10px; background: #fff}
.ablum_read span a {display: block; padding: 8px 20px; background: #e05; color: #fff; border-radius: 4px; text-align: center}
.intro {background: #f5f5f5; padding: 8px 10px; font-size: 13px; font-weight: bold; border-left: 3px solid #e05; margin: 6px 0 2px}
.intro_info {background: #fff; padding: 10px; font-size: 13px; color: #555; line-height: 1.7}

/* reader */
#nr_body {background: #f9f3e3}
.nr_set {background: #fff; padding: 6px; display: flex; align-items: center; gap: 6px; border-bottom: 1px solid #eee}
.nr_set .set1, .nr_set .set2 > div {padding: 5px 10px; background: #f5f5f5; border-radius: 3px; cursor: pointer; font-size: 13px}
.nr_set .set2 {display: flex; gap: 4px}
.nr_title {font-size: 17px; font-weight: bold; padding: 10px; background: #fff; text-align: center; border-bottom: 1px solid #eee}
.nr_page {display: flex; justify-content: space-between; align-items: center; padding: 10px; background: #fff; border-top: 1px solid #eee; font-size: 14px}
.nr_page a {padding: 6px 14px; background: #e05; color: #fff; border-radius: 3px}
.nr_page a.w_gray {background: #ccc; color: #fff}
.nr_nr {padding: 12px; line-height: 2; font-size: 16px}
.nr_nr p {text-indent: 2em; margin-bottom: 6px}

/* search */
#jieqi_page_contents .block {background: #fff; margin-bottom: 6px; padding: 8px; border-radius: 3px}

.footer {background: #fff; text-align: center; padding: 15px; color: #888; font-size: 12px; margin-top: 6px}

/* sort toggle */
.sort {background: #333; padding: 8px}
.sort ul {list-style: none; display: flex; flex-wrap: wrap}
.sort ul li a {display: block; padding: 4px 8px; color: #ddd; font-size: 13px}

/* light/huyan modes */
body.light {background: #fff}
body.huyan {background: #cec29e}
body.huyan .nr_nr {background: #cec29e}