html[data-theme="dark"] {
	--white: #23272b;
	--light: #2a2f35;
	--dark: #c9ced4;
	--gray-100: #3a4047;
	--gray-200: #343a40;
	--gray-300: #4a5158;
	background: #16181c;
}
html[data-theme="dark"] body {
	background: #16181c !important;
	color: #c9ced4 !important;
}
html[data-theme="dark"] #header .navbar-dark.bg-dark {
	background-color: #23272b !important;
}
html[data-theme="dark"] #mobile_nav .navbar-nav .nav-link {
	background-color: #2e314a;
}
html[data-theme="dark"] #mobile_nav_dropdown .zh-dark-pc,
#mobile_nav_dropdown .zh-dark-pc {
	display: none !important;
}
html[data-theme="dark"] #nav_pc_2 {
	background: #23272b !important;
}
html[data-theme="dark"] #nav_pc_2 a {
	color: #c9ced4 !important;
}
html[data-theme="dark"] #nav_pc_2 .nav a:hover {
	background-color: #343a40;
}
html[data-theme="dark"] #nav_pc_2 .active a {
	color: #fff !important;
	background-color: #3366ff;
}
html[data-theme="dark"] .card {
	background: #23272b !important;
	box-shadow: 0 6px 22px 0 rgba(0, 0, 0, 0.35) !important;
	color: #c9ced4;
}
html[data-theme="dark"] .card-header {
	color: #e8eaed !important;
	border-bottom: 1px solid #343a40 !important;
	background: transparent;
}
html[data-theme="dark"] .card-footer {
	border-top: 1px solid #343a40 !important;
	background: transparent;
}
html[data-theme="dark"] .card-title {
	color: #e8eaed;
}
html[data-theme="dark"] .card-header-tabs .nav-link {
	color: #c9ced4;
}
html[data-theme="dark"] .card-header-tabs .nav-link.active {
	color: #e8eaed;
	font-weight: 700;
}
html[data-theme="dark"] .card-header-dropdown .dropdown-toggle {
	color: #c9ced4;
}
html[data-theme="dark"] .card-header-dropdown .dropdown-menu .dropdown-item {
	color: #c9ced4;
}
html[data-theme="dark"] .card.card-threadlist > .card-body > .threadlist .ml-2 {
	background: #4a5158;
	color: #e8eaed;
}
html[data-theme="dark"] .card-header-dropdown .dropdown-menu .dropdown-item:hover {
	background: #343a40;
}
html[data-theme="dark"] .list-group-item {
	background: #23272b !important;
	color: #c9ced4 !important;
	border-color: #343a40 !important;
}
html[data-theme="dark"] .list-group-item:hover {
	background: #2a2f35 !important;
}
html[data-theme="dark"] .list-group-item.active,
html[data-theme="dark"] .list-group-item.list-group-item-action.active {
	background: #3366ff !important;
	color: #fff !important;
	border-color: #3366ff !important;
}
html[data-theme="dark"] .list-group-item.active:hover {
	background: #3366ff !important;
	color: #fff !important;
}
html[data-theme="dark"] .list-group-item .text-muted,
html[data-theme="dark"] .list-group-item .text-grey {
	color: #8a919a !important;
}
html[data-theme="dark"] .table {
	color: #c9ced4;
}
html[data-theme="dark"] .table th,
html[data-theme="dark"] .table td {
	border-top: 1px solid #343a40;
}
html[data-theme="dark"] .table thead th {
	border-bottom: 2px solid #343a40;
	color: #e8eaed;
}
html[data-theme="dark"] .table .thead-light th {
	background-color: #2a2f35 !important;
	color: #e8eaed !important;
	border-color: #343a40 !important;
}
html[data-theme="dark"] .table-hover tbody tr:hover {
	background: #2a2f35;
	color: #e8eaed;
}
html[data-theme="dark"] .table-success,
html[data-theme="dark"] .table-success > th,
html[data-theme="dark"] .table-success > td {
	background-color: #22302a;
	color: #a8d5ba;
}
html[data-theme="dark"] .dropdown-menu {
	background: #23272b !important;
	border: 1px solid #343a40;
}
html[data-theme="dark"] .dropdown-item {
	color: #c9ced4 !important;
}
html[data-theme="dark"] .dropdown-item:hover,
html[data-theme="dark"] .dropdown-item:focus {
	background: #343a40 !important;
	color: #e8eaed !important;
}
html[data-theme="dark"] .dropdown-divider {
	border-top: 1px solid #343a40;
}
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .custom-select,
html[data-theme="dark"] .form-control-plaintext {
	background: #1f2328 !important;
	color: #e8eaed !important;
	border-color: #3a4047 !important;
}
html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .custom-select:focus {
	background: #1f2328 !important;
	color: #e8eaed !important;
	border-color: #3366ff !important;
	box-shadow: 0 0 0 0.2rem rgba(51, 102, 255, 0.25) !important;
}
html[data-theme="dark"] .custom-select {
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23c9ced4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat #1f2328 !important;
}
html[data-theme="dark"] .custom-select option {
	background-color: #23272b;
	color: #c9ced4;
}
html[data-theme="dark"] .custom-select option:checked,
html[data-theme="dark"] .custom-select option:hover {
	background-color: #343a40;
}
html[data-theme="dark"] .form-control::placeholder {
	color: #7a8087 !important;
}
html[data-theme="dark"] .form-text,
html[data-theme="dark"] .form-hint {
	color: #8a919a !important;
}
html[data-theme="dark"] .custom-control-input:checked ~ .custom-control-label::before {
	background-color: #3366ff;
	border-color: #3366ff;
}
html[data-theme="dark"] .breadcrumb {
	background: #23272b !important;
	border: 1px solid #343a40;
}
html[data-theme="dark"] .breadcrumb:hover {
	background: #2a2f35 !important;
}
html[data-theme="dark"] .breadcrumb-item + .breadcrumb-item::before {
	color: #7a8087;
}
html[data-theme="dark"] .page-link {
	background: #23272b;
	color: #7fb2ff;
	border-color: #343a40;
}
html[data-theme="dark"] .page-link:hover {
	background: #343a40;
	color: #a9c9ff;
}
html[data-theme="dark"] .page-item.disabled .page-link {
	background: #1f2328;
	color: #5a6068;
	border-color: #2a2f35;
}
html[data-theme="dark"] a {
	color: #ffffff;
}
html[data-theme="dark"] a:hover {
	color: #a9c9ff;
}
html[data-theme="dark"] .threadlist .subject a,
html[data-theme="dark"] .subject a.list-font {
	color: #d4d4d4 !important;
}
html[data-theme="dark"] .threadlist .subject a:hover,
html[data-theme="dark"] .subject a.list-font:hover {
	color: #fff !important;
}
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .text-secondary,
html[data-theme="dark"] .text-grey,
html[data-theme="dark"] .text-gray {
	color: #8a919a !important;
}
html[data-theme="dark"] .text-dark,
html[data-theme="dark"] .text-body {
	color: #c9ced4 !important;
}
html[data-theme="dark"] .text-success {
	color: #6fcf97 !important;
}
html[data-theme="dark"] .text-danger {
	color: #ff7b72 !important;
}
html[data-theme="dark"] .text-warning {
	color: #ffb86b !important;
}
html[data-theme="dark"] .text-info {
	color: #71c7ec !important;
}
html[data-theme="dark"] .text-white {
	color: #e8eaed !important;
}
html[data-theme="dark"] .modal-content {
	background: #23272b !important;
	color: #c9ced4;
}
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer {
	border-color: #343a40;
}
html[data-theme="dark"] .modal-title {
	color: #e8eaed;
}
html[data-theme="dark"] .modal .close,
html[data-theme="dark"] .close {
	color: #e8eaed;
	text-shadow: none;
	opacity: 0.8;
}
html[data-theme="dark"] .popover {
	background: #23272b;
	border-color: #343a40;
}
html[data-theme="dark"] .popover .popover-body {
	color: #c9ced4;
}
html[data-theme="dark"] .popover .arrow::after {
	border-bottom-color: #23272b;
}
html[data-theme="dark"] .alert {
	color: #e8eaed;
	border-color: #343a40;
}
html[data-theme="dark"] .alert-warning {
	background: #3a3520;
	color: #ffd166;
}
html[data-theme="dark"] .alert-danger {
	background: #3a2020;
	color: #ffb4ad;
}
html[data-theme="dark"] .alert-success {
	background: #1e3a28;
	color: #a8d5ba;
}
html[data-theme="dark"] .alert-info {
	background: #1e3a4a;
	color: #b9e3f5;
}
html[data-theme="dark"] .alert-light,
html[data-theme="dark"] .alert-secondary {
	background: #2a2f35;
	color: #c9ced4;
}
html[data-theme="dark"] .badge-light {
	background: #3a4047;
	color: #e8eaed;
}
html[data-theme="dark"] .badge-secondary {
	background: #4a5158;
	color: #e8eaed;
}
html[data-theme="dark"] .btn-light {
	background: #3a4047 !important;
	color: #e8eaed !important;
	border-color: #3a4047;
}
html[data-theme="dark"] .btn-light:hover {
	background: #454c54 !important;
	color: #fff !important;
}
html[data-theme="dark"] .btn-outline-light {
	border-color: #6c757d;
	color: #c9ced4;
}
html[data-theme="dark"] .btn-outline-light:hover {
	background: #6c757d;
	color: #fff;
}
html[data-theme="dark"] .btn-white {
	background: #3a4047;
	color: #e8eaed;
}
html[data-theme="dark"] .btn-secondary {
	background: #4a5158;
	border-color: #4a5158;
	color: #e8eaed;
}
html[data-theme="dark"] .btn-outline-primary {
	color: #7fb2ff;
	border-color: #3366ff;
}
html[data-theme="dark"] .btn-outline-primary:hover {
	background: #3366ff;
	color: #fff;
}
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .btn-info,
html[data-theme="dark"] .btn-success,
html[data-theme="dark"] .btn-danger {
	color: #fff !important;
}
html[data-theme="dark"] .btn-primary:hover,
html[data-theme="dark"] .btn-primary:focus,
html[data-theme="dark"] .btn-info:hover,
html[data-theme="dark"] .btn-info:focus,
html[data-theme="dark"] .btn-success:hover,
html[data-theme="dark"] .btn-success:focus,
html[data-theme="dark"] .btn-danger:hover,
html[data-theme="dark"] .btn-danger:focus {
	color: #fff !important;
}
html[data-theme="dark"] .btn-warning,
html[data-theme="dark"] .btn-warning:hover,
html[data-theme="dark"] .btn-warning:focus {
	color: #212529 !important;
}
html[data-theme="dark"] .progress {
	background: #343a40;
}
html[data-theme="dark"] .nav-tabs .nav-link {
	color: #8a919a;
	border-color: #343a40;
}
html[data-theme="dark"] .nav-tabs .nav-link:hover {
	border-color: #343a40;
}
html[data-theme="dark"] .nav-tabs .nav-link.active {
	color: #e8eaed;
	background: #23272b;
	border-color: #343a40;
	border-bottom-color: #23272b;
}
html[data-theme="dark"] hr {
	border-top: 1px solid #343a40;
}
html[data-theme="dark"] .thread,
html[data-theme="dark"] .post {
	border-bottom: 1px solid #2a2f35;
}
html[data-theme="dark"] .thread:hover {
	background: #2a2f35;
}
html[data-theme="dark"] .quote,
html[data-theme="dark"] .blockquote {
	background: #2a2f35;
	color: #c9ced4;
	border-left-color: #4a5158;
}
html[data-theme="dark"] .message {
	color: #c9ced4;
}
html[data-theme="dark"] .message img {
	border-color: #343a40;
}
html[data-theme="dark"] pre {
	background: #1f2328 !important;
	color: #d4d9de !important;
	border-color: #343a40 !important;
}
html[data-theme="dark"] code {
	color: #ff9cb0;
}
html[data-theme="dark"] pre code {
	color: #d4d9de;
}
html[data-theme="dark"] #footer {
	background: #16181c !important;
	color: #9aa0a6;
}
html[data-theme="dark"] #footer a {
	color: #8a919a;
}
html[data-theme="dark"] #footer .text-muted,
html[data-theme="dark"] #footer .text-grey {
	color: #7a8087 !important;
}
html[data-theme="dark"] .bg-white {
	background: #23272b !important;
}
html[data-theme="dark"] .bg-light {
	background-color: #2a2f35 !important;
}
/* 版块角标 fidicon-N（渐变配色由其它插件注入）：暗黑下保留其渐变与白字，
   不被 bg-light/text-grey 扁平化成一片灰。注意 .bg-light 只能用 background-color，
   用 background 简写会把 background-image 一并置 none 杀掉渐变 */
html[data-theme="dark"] [class*=" fidicon-"],
html[data-theme="dark"] [class^="fidicon-"] {
	background-color: transparent !important;
	color: #ffffff !important;
}
html[data-theme="dark"] .bg-grey,
html[data-theme="dark"] .bg-gray {
	background-color: #2a2f35 !important;
}
html[data-theme="dark"] .user_page_avatar {
	border-color: #23272b;
}
html[data-theme="dark"] .forumlist-bg {
	background-color: #2e314a !important;
}
html[data-theme="dark"] .tox-tinymce {
	background: #1f2328 !important;
	border-color: #3a4047 !important;
}
html[data-theme="dark"] .tox .tox-toolbar,
html[data-theme="dark"] .tox .tox-toolbar__overflow,
html[data-theme="dark"] .tox .tox-toolbar__primary {
	background: #23272b !important;
	border-bottom-color: #343a40 !important;
}
html[data-theme="dark"] .tox .tox-statusbar {
	background: #23272b !important;
	border-top-color: #343a40 !important;
	color: #8a919a !important;
}
html[data-theme="dark"] .tox .tox-statusbar a {
	color: #8a919a !important;
}
html[data-theme="dark"] .tox .tox-edit-area::before {
	border-color: #3366ff !important;
}
html[data-theme="dark"] .tox .tox-tbtn {
	color: #c9ced4 !important;
}
html[data-theme="dark"] .tox .tox-tbtn svg {
	fill: #c9ced4 !important;
}
html[data-theme="dark"] .tox .tox-tbtn:hover {
	background-color: #343a40 !important;
	color: #e8eaed !important;
}
html[data-theme="dark"] .tox .tox-tbtn:hover svg {
	fill: #e8eaed !important;
}
html[data-theme="dark"] .tox .tox-tbtn--enabled,
html[data-theme="dark"] .tox .tox-tbtn--enabled:hover {
	background-color: #3366ff !important;
	color: #fff !important;
}
html[data-theme="dark"] .tox .tox-tbtn--enabled svg {
	fill: #fff !important;
}
html[data-theme="dark"] .tox .tox-tbtn__select-chevron svg,
html[data-theme="dark"] .tox .tox-split-button__chevron svg {
	fill: #c9ced4 !important;
}
html[data-theme="dark"] .tox .tox-toolbar__group:not(:last-of-type) {
	border-right: 1px solid #343a40 !important;
}
html[data-theme="dark"] .tox .tox-menu {
	background-color: #23272b !important;
	border-color: #343a40 !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}
html[data-theme="dark"] .tox .tox-collection__item {
	color: #c9ced4 !important;
}
html[data-theme="dark"] .tox .tox-collection__item--active {
	background-color: #343a40 !important;
	color: #e8eaed !important;
}
html[data-theme="dark"] .tox .tox-collection__item--active svg {
	fill: #e8eaed !important;
}
html[data-theme="dark"] .tox .tox-collection__group-heading {
	background-color: #23272b !important;
	color: #8a919a !important;
}
html[data-theme="dark"] .tox .tox-collection__item-accessory {
	color: #8a919a !important;
}
html[data-theme="dark"] .tox .tox-dialog {
	background-color: #23272b !important;
	border-color: #343a40 !important;
	color: #c9ced4 !important;
}
html[data-theme="dark"] .tox .tox-dialog__header {
	background-color: #23272b !important;
	border-bottom: 1px solid #343a40 !important;
}
html[data-theme="dark"] .tox .tox-dialog__title {
	color: #e8eaed !important;
}
html[data-theme="dark"] .tox .tox-dialog__body {
	background-color: #23272b !important;
	color: #c9ced4 !important;
}
html[data-theme="dark"] .tox .tox-dialog__footer {
	background-color: #23272b !important;
	border-top: 1px solid #343a40 !important;
}
html[data-theme="dark"] .tox .tox-dialog__body-nav-item {
	color: #8a919a !important;
}
html[data-theme="dark"] .tox .tox-dialog__body-nav-item--active {
	color: #7fb2ff !important;
	border-bottom-color: #3366ff !important;
}
html[data-theme="dark"] .tox .tox-label {
	color: #8a919a !important;
}
html[data-theme="dark"] .tox .tox-button--secondary {
	background-color: #2a2f35 !important;
	border-color: #3a4047 !important;
	color: #e8eaed !important;
}
html[data-theme="dark"] .tox .tox-button--secondary:hover {
	background-color: #343a40 !important;
	color: #fff !important;
}
html[data-theme="dark"] .tox .tox-textfield,
html[data-theme="dark"] .tox .tox-textarea,
html[data-theme="dark"] .tox .tox-selectfield select,
html[data-theme="dark"] .tox .tox-toolbar-textfield,
html[data-theme="dark"] .tox .tox-listboxfield .tox-listbox--select {
	background-color: #1f2328 !important;
	border-color: #3a4047 !important;
	color: #e8eaed !important;
}
html[data-theme="dark"] .tox .tox-textfield:focus,
html[data-theme="dark"] .tox .tox-textarea:focus {
	background-color: #1f2328 !important;
	border-color: #3366ff !important;
}
html[data-theme="dark"] .tox .tox-textfield::placeholder,
html[data-theme="dark"] .tox .tox-textarea::placeholder {
	color: #7a8087 !important;
}
html[data-theme="dark"] .tox .tox-edit-area,
html[data-theme="dark"] .tox .tox-edit-area__iframe {
	background-color: #1f2328 !important;
}
html[data-theme="dark"] #tiny_list {
	background-color: #1f2328 !important;
	border-color: #3a4047 !important;
	color: #c9ced4 !important;
}
html[data-theme="dark"] .bottom-nav {
	background-color: #23272b !important;
	border-top-color: #343a40 !important;
}
html[data-theme="dark"] .bottom-nav a {
	color: #8a919a;
}
html[data-theme="dark"] .bottom-nav a:hover,
html[data-theme="dark"] .bottom-nav a.active {
	color: #7fb2ff;
}
html[data-theme="dark"] .bottom-nav .iconfont {
	color: #c9ced4;
}
html[data-theme="dark"] .bottom-nav .icon-gengduo,
html[data-theme="dark"] .bottom-nav .text-dark {
	color: #c9ced4 !important;
}
html[data-theme="dark"] .bottom-nav .nav_font {
	color: #a0a6b0;
}
#mobile_nav {
	position: relative;
}
#mobile_nav .zh-dark-mobile {
	position: absolute;
	left: 0;
	top: 0;
	transform: translateX(100%);
	z-index: 5;
	cursor: pointer;
}
html[data-theme="dark"] .zh-entry.btn-primary {
	background-color: #3366FF !important;
	border-color: #3366FF !important;
	color: #fff !important;
}
html[data-theme="dark"] .zh-grid .zh-cell {
	background-color: #23272b !important;
	border-color: #343a40 !important;
}
html[data-theme="dark"] .zh-grid .zh-cell.active {
	border-color: #e67e22 !important;
	background-color: #2a2f35 !important;
	box-shadow: 0 0 12px rgba(230, 126, 34, 0.35) !important;
}
html[data-theme="dark"] .zh-grid .zh-cell-name {
	color: #c9ced4 !important;
}
html[data-theme="dark"] .zh-icon {
	background-color: #2a2f35 !important;
	border-color: #343a40 !important;
}
html[data-theme="dark"] .zh-icon-font {
	color: #ffb26b !important;
}
html[data-theme="dark"] .task-title {
	color: #e8eaed !important;
	border-bottom-color: #343a40 !important;
}
html[data-theme="dark"] .task-step {
	background-color: #23272b !important;
}
html[data-theme="dark"] .task-step h5,
html[data-theme="dark"] .task-step p {
	color: #c9ced4;
}
html[data-theme="dark"] .fixed-bottom-btn {
	background-color: #1f2328 !important;
	box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.5) !important;
}
html[data-theme="dark"] .user-rewards {
	background-color: #2a2f35 !important;
	border-color: #5c5118 !important;
}
html[data-theme="dark"] .rewards-header {
	color: #ff9d2e !important;
}
html[data-theme="dark"] .reward-item {
	border-bottom-color: #5c5118 !important;
}
html[data-theme="dark"] .reward-time {
	color: #8a919a !important;
}
html[data-theme="dark"] .copy-fallback {
	background-color: #2a2f35 !important;
}
html[data-theme="dark"] .fallback-textarea {
	background-color: #1f2328 !important;
	color: #c9ced4 !important;
	border-color: #343a40 !important;
}
html[data-theme="dark"] .fallback-instructions {
	color: #8a919a !important;
}
html[data-theme="dark"] .image-preview {
	border-color: #343a40 !important;
}
html[data-theme="dark"] .upload-count {
	color: #6fa8ff !important;
}
