@charset "utf-8";

:root {
	--dz-theme-bg: #f3f5f7;
	--dz-theme-surface: #fff;
	--dz-theme-surface-alt: #f2f2f2;
	--dz-theme-border: #cdcdcd;
	--dz-theme-text: #444;
	--dz-theme-muted: #777;
	--dz-theme-link: #336699;
	--dz-theme-accent: #2b7acd;
}

:root[data-discuz-theme="dark"] {
	--dz-theme-bg: #101214;
	--dz-theme-surface: #191c1f;
	--dz-theme-surface-alt: #23272b;
	--dz-theme-surface-soft: #2a2f34;
	--dz-theme-border: #3a4046;
	--dz-theme-text: #d9dde1;
	--dz-theme-muted: #a5adb5;
	--dz-theme-link: #79b8ff;
	--dz-theme-accent: #4b9be8;
	--dz-theme-danger: #ff7b72;
	--dz-theme-warning-bg: #332d20;
	color-scheme: dark;
}

.discuz-theme-toggle {
	box-sizing: border-box;
	border: 0;
	background: transparent;
	cursor: pointer;
	font-family: dzicon !important;
	text-align: center;
	text-decoration: none !important;
}

.discuz-theme-toggle::before {
	content: "\f12c";
}

:root[data-discuz-theme="dark"] .discuz-theme-toggle::before {
	content: "\f12b";
}

#toptb a.discuz-theme-toggle {
	float: left;
	margin: 5px 5px 0 0;
	padding: 0 !important;
	width: 18px;
	height: 18px;
	line-height: 18px;
	font-size: 18px;
	color: #777;
	overflow: hidden;
}

#toptb a.discuz-theme-toggle:hover {
	color: #222;
}

.discuz-theme-toggle-float {
	position: fixed;
	right: 14px;
	bottom: calc(76px + env(safe-area-inset-bottom));
	z-index: 100000;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);
	color: #333;
	font-size: 21px;
	line-height: 38px;
}

:root[data-discuz-theme="dark"] .discuz-theme-toggle-float {
	border-color: var(--dz-theme-border);
	background: rgba(35, 39, 43, 0.96);
	box-shadow: 0 3px 14px rgba(0, 0, 0, 0.45);
	color: #f2c94c;
}

@media (min-width: 700px) {
	.discuz-theme-toggle-float {
		bottom: 70px;
	}
}

/* Desktop default template */
:root[data-discuz-theme="dark"] body,
:root[data-discuz-theme="dark"] body#nv_search {
	background-color: var(--dz-theme-bg) !important;
	background-image: none !important;
	color: var(--dz-theme-text);
}

:root[data-discuz-theme="dark"] body,
:root[data-discuz-theme="dark"] input,
:root[data-discuz-theme="dark"] button,
:root[data-discuz-theme="dark"] select,
:root[data-discuz-theme="dark"] textarea {
	color: var(--dz-theme-text);
}

:root[data-discuz-theme="dark"] a,
:root[data-discuz-theme="dark"] .xi2,
:root[data-discuz-theme="dark"] .xst,
:root[data-discuz-theme="dark"] .t_f a,
:root[data-discuz-theme="dark"] .p_pop a,
:root[data-discuz-theme="dark"] .bmw .bm_h a {
	color: var(--dz-theme-link);
}

:root[data-discuz-theme="dark"] .xg1,
:root[data-discuz-theme="dark"] .xg1 a,
:root[data-discuz-theme="dark"] .xg2,
:root[data-discuz-theme="dark"] .xs0,
:root[data-discuz-theme="dark"] .lighttext,
:root[data-discuz-theme="dark"] .tip_horn,
:root[data-discuz-theme="dark"] #ft,
:root[data-discuz-theme="dark"] .pcb em,
:root[data-discuz-theme="dark"] .fl_g dd,
:root[data-discuz-theme="dark"] .tl .num,
:root[data-discuz-theme="dark"] .tl .by {
	color: var(--dz-theme-muted) !important;
}

:root[data-discuz-theme="dark"] #toptb,
:root[data-discuz-theme="dark"] #hd,
:root[data-discuz-theme="dark"] #mu ul,
:root[data-discuz-theme="dark"] #scbar,
:root[data-discuz-theme="dark"] .bm,
:root[data-discuz-theme="dark"] .bn,
:root[data-discuz-theme="dark"] .fl,
:root[data-discuz-theme="dark"] .ct1,
:root[data-discuz-theme="dark"] .ct2_a,
:root[data-discuz-theme="dark"] .ct3_a,
:root[data-discuz-theme="dark"] .tl,
:root[data-discuz-theme="dark"] .pl,
:root[data-discuz-theme="dark"] .vw,
:root[data-discuz-theme="dark"] .sd,
:root[data-discuz-theme="dark"] .p_pop,
:root[data-discuz-theme="dark"] .p_pof,
:root[data-discuz-theme="dark"] .sllt,
:root[data-discuz-theme="dark"] .m_c,
:root[data-discuz-theme="dark"] .card,
:root[data-discuz-theme="dark"] .tip,
:root[data-discuz-theme="dark"] .pgbtn a,
:root[data-discuz-theme="dark"] .category_l1,
:root[data-discuz-theme="dark"] .category_l2,
:root[data-discuz-theme="dark"] .category_l3,
:root[data-discuz-theme="dark"] .category_l4,
:root[data-discuz-theme="dark"] #moodfm {
	border-color: var(--dz-theme-border) !important;
	background-color: var(--dz-theme-surface) !important;
	background-image: none !important;
}

:root[data-discuz-theme="dark"] #toptb a.hover,
:root[data-discuz-theme="dark"] #qmenu,
:root[data-discuz-theme="dark"] #scbar_type,
:root[data-discuz-theme="dark"] .bm_h,
:root[data-discuz-theme="dark"] .bmw .bm_h,
:root[data-discuz-theme="dark"] .fl .bm_h,
:root[data-discuz-theme="dark"] .mnh,
:root[data-discuz-theme="dark"] .tb .a a,
:root[data-discuz-theme="dark"] .ttp a,
:root[data-discuz-theme="dark"] .ttp strong,
:root[data-discuz-theme="dark"] .tl tr:hover th,
:root[data-discuz-theme="dark"] .tl tr:hover td,
:root[data-discuz-theme="dark"] .tl .threadpre td,
:root[data-discuz-theme="dark"] .e .i,
:root[data-discuz-theme="dark"] .el .i,
:root[data-discuz-theme="dark"] .sttl,
:root[data-discuz-theme="dark"] .sl_pv,
:root[data-discuz-theme="dark"] .alt,
:root[data-discuz-theme="dark"] .alt th,
:root[data-discuz-theme="dark"] .alt td,
:root[data-discuz-theme="dark"] .buddy li,
:root[data-discuz-theme="dark"] .flw_loading,
:root[data-discuz-theme="dark"] .flw_more a,
:root[data-discuz-theme="dark"] .share_card_box,
:root[data-discuz-theme="dark"] .doing_form,
:root[data-discuz-theme="dark"] .doingreply_form > div {
	border-color: var(--dz-theme-border) !important;
	background-color: var(--dz-theme-surface-alt) !important;
	background-image: none !important;
}

:root[data-discuz-theme="dark"] #toptb,
:root[data-discuz-theme="dark"] #hd,
:root[data-discuz-theme="dark"] #scbar,
:root[data-discuz-theme="dark"] #mu ul,
:root[data-discuz-theme="dark"] .bm,
:root[data-discuz-theme="dark"] .fl,
:root[data-discuz-theme="dark"] .bm_h,
:root[data-discuz-theme="dark"] .bmw,
:root[data-discuz-theme="dark"] .bmw .bm_h,
:root[data-discuz-theme="dark"] .tl th,
:root[data-discuz-theme="dark"] .tl td,
:root[data-discuz-theme="dark"] .tl .threadpre .threadpretd,
:root[data-discuz-theme="dark"] .pi,
:root[data-discuz-theme="dark"] .po,
:root[data-discuz-theme="dark"] .sign,
:root[data-discuz-theme="dark"] .tb,
:root[data-discuz-theme="dark"] .tb a,
:root[data-discuz-theme="dark"] .tdats th,
:root[data-discuz-theme="dark"] .tdats td,
:root[data-discuz-theme="dark"] .tdat th,
:root[data-discuz-theme="dark"] .tdat td,
:root[data-discuz-theme="dark"] .bbda {
	border-color: var(--dz-theme-border) !important;
}

:root[data-discuz-theme="dark"] #toptb a.discuz-theme-toggle {
	color: #f2c94c;
}

:root[data-discuz-theme="dark"] #um,
:root[data-discuz-theme="dark"] #um a,
:root[data-discuz-theme="dark"] #scform_tb .a,
:root[data-discuz-theme="dark"] .vw .ph,
:root[data-discuz-theme="dark"] a.thread_mod,
:root[data-discuz-theme="dark"] a.thread_mod span,
:root[data-discuz-theme="dark"] .doing_list_item .item_content,
:root[data-discuz-theme="dark"] .preview-qr-card h1,
:root[data-discuz-theme="dark"] .pbw p {
	color: var(--dz-theme-text) !important;
}

:root[data-discuz-theme="dark"] .pls,
:root[data-discuz-theme="dark"] .pl .pnv .pls,
:root[data-discuz-theme="dark"] .ad .plc,
:root[data-discuz-theme="dark"] .bdl,
:root[data-discuz-theme="dark"] .bdl dt,
:root[data-discuz-theme="dark"] .bdl dl.a,
:root[data-discuz-theme="dark"] .bdl dd.bdl_a a,
:root[data-discuz-theme="dark"] #livethread {
	border-color: var(--dz-theme-border) !important;
	background-color: var(--dz-theme-surface-alt) !important;
}

:root[data-discuz-theme="dark"] .pls .avatar img,
:root[data-discuz-theme="dark"] .avt img,
:root[data-discuz-theme="dark"] .mlt li,
:root[data-discuz-theme="dark"] .share_card_img,
:root[data-discuz-theme="dark"] .zimg_p strong,
:root[data-discuz-theme="dark"] .preview-qr-card {
	border-color: var(--dz-theme-border) !important;
	background-color: var(--dz-theme-surface) !important;
}

:root[data-discuz-theme="dark"] .px,
:root[data-discuz-theme="dark"] .pt,
:root[data-discuz-theme="dark"] .ps,
:root[data-discuz-theme="dark"] select,
:root[data-discuz-theme="dark"] input[type="text"],
:root[data-discuz-theme="dark"] input[type="password"],
:root[data-discuz-theme="dark"] input[type="email"],
:root[data-discuz-theme="dark"] input[type="search"],
:root[data-discuz-theme="dark"] textarea,
:root[data-discuz-theme="dark"] #scbar_txt,
:root[data-discuz-theme="dark"] #scform_srchtxt,
:root[data-discuz-theme="dark"] #flw_post_subject,
:root[data-discuz-theme="dark"] #livereplymessage {
	border-color: var(--dz-theme-border) !important;
	background-color: #14171a !important;
	background-image: none !important;
	color: var(--dz-theme-text) !important;
}

:root[data-discuz-theme="dark"] input::placeholder,
:root[data-discuz-theme="dark"] textarea::placeholder {
	color: #7f8992;
}

:root[data-discuz-theme="dark"] .pn:not(.pnc),
:root[data-discuz-theme="dark"] .pdbts .b,
:root[data-discuz-theme="dark"] .clct_flw strong {
	border-color: var(--dz-theme-border);
	background: var(--dz-theme-surface-soft) !important;
	box-shadow: none;
	color: var(--dz-theme-text);
}

:root[data-discuz-theme="dark"] .pnc,
:root[data-discuz-theme="dark"] a.pnc {
	border-color: var(--dz-theme-accent);
	background-color: var(--dz-theme-accent);
	color: #fff !important;
}

:root[data-discuz-theme="dark"] .tedt,
:root[data-discuz-theme="dark"] .tedt .bar,
:root[data-discuz-theme="dark"] .tedt .area,
:root[data-discuz-theme="dark"] .tedt .pt,
:root[data-discuz-theme="dark"] .edt,
:root[data-discuz-theme="dark"] .edt .bar,
:root[data-discuz-theme="dark"] .edt .area,
:root[data-discuz-theme="dark"] .edt .pt {
	border-color: var(--dz-theme-border) !important;
	background-color: var(--dz-theme-surface) !important;
	color: var(--dz-theme-text) !important;
}

:root[data-discuz-theme="dark"] .pl .quote,
:root[data-discuz-theme="dark"] .pl .blockcode,
:root[data-discuz-theme="dark"] .blockcode,
:root[data-discuz-theme="dark"] .locked,
:root[data-discuz-theme="dark"] .attach_nopermission,
:root[data-discuz-theme="dark"] #hiddenthread,
:root[data-discuz-theme="dark"] #hiddenpoststip,
:root[data-discuz-theme="dark"] .tl #forumnewshow,
:root[data-discuz-theme="dark"] .newthread tr th,
:root[data-discuz-theme="dark"] .newthread tr td,
:root[data-discuz-theme="dark"] #checknewline tr td,
:root[data-discuz-theme="dark"] #checknewline tr th {
	border-color: #5b5034 !important;
	background-color: var(--dz-theme-warning-bg) !important;
	background-image: none !important;
}

:root[data-discuz-theme="dark"] .showhide,
:root[data-discuz-theme="dark"] .attach_nopermission {
	color: var(--dz-theme-text);
}

:root[data-discuz-theme="dark"] .pl .quote,
:root[data-discuz-theme="dark"] .pl .quote blockquote,
:root[data-discuz-theme="dark"] .pl .blockcode,
:root[data-discuz-theme="dark"] .pl .blockcode ol,
:root[data-discuz-theme="dark"] .pl .blockcode ol li,
:root[data-discuz-theme="dark"] .blockcode {
	border-color: var(--dz-theme-border) !important;
	background-color: var(--dz-theme-surface-alt) !important;
	color: var(--dz-theme-text) !important;
}

:root[data-discuz-theme="dark"] .pl .blockcode {
	background-image: linear-gradient(90deg, var(--dz-theme-surface-soft), var(--dz-theme-surface-soft)) !important;
	background-size: 43px !important;
}

:root[data-discuz-theme="dark"] #scrolltop {
	border-color: var(--dz-theme-border);
	background: var(--dz-theme-surface-alt);
}

:root[data-discuz-theme="dark"] #scrolltop a {
	border-color: var(--dz-theme-border);
	color: var(--dz-theme-muted);
}

:root[data-discuz-theme="dark"] .EasyMDEContainer .CodeMirror,
:root[data-discuz-theme="dark"] .EasyMDEContainer .editor-toolbar,
:root[data-discuz-theme="dark"] .EasyMDEContainer .editor-preview,
:root[data-discuz-theme="dark"] .CodeMirror,
:root[data-discuz-theme="dark"] .CodeMirror-gutters {
	border-color: var(--dz-theme-border) !important;
	background: #14171a !important;
	color: var(--dz-theme-text) !important;
}

:root[data-discuz-theme="dark"] .EasyMDEContainer .editor-toolbar button,
:root[data-discuz-theme="dark"] .EasyMDEContainer .editor-toolbar i.separator {
	border-color: var(--dz-theme-border) !important;
	color: var(--dz-theme-text) !important;
}

:root[data-discuz-theme="dark"] .EasyMDEContainer .editor-toolbar button:hover,
:root[data-discuz-theme="dark"] .EasyMDEContainer .editor-toolbar button.active {
	background: var(--dz-theme-surface-soft) !important;
}

:root[data-discuz-theme="dark"] .CodeMirror-cursor {
	border-left-color: var(--dz-theme-text) !important;
}

:root[data-discuz-theme="dark"] .CodeMirror-selected {
	background: #31445a !important;
}

:root[data-discuz-theme="dark"] pre,
:root[data-discuz-theme="dark"] .pcb pre,
:root[data-discuz-theme="dark"] .t_f pre,
:root[data-discuz-theme="dark"] .t_fsz pre,
:root[data-discuz-theme="dark"] pre.hljs,
:root[data-discuz-theme="dark"] .hljs {
	border-color: var(--dz-theme-border) !important;
	background: #0d1117 !important;
	color: #d9dde1 !important;
	color-scheme: dark;
}

:root[data-discuz-theme="dark"] pre code,
:root[data-discuz-theme="dark"] .hljs code {
	background: transparent !important;
	color: inherit !important;
}

/* Keep the desktop navigation restrained in dark mode. */
:root[data-discuz-theme="dark"] #nv {
	border-color: var(--dz-theme-border) !important;
	background: var(--dz-theme-surface-alt) !important;
	box-shadow: inset 0 -1px 0 var(--dz-theme-border);
}

:root[data-discuz-theme="dark"] #nv li {
	background-image: none !important;
	box-shadow: inset -1px 0 rgba(255, 255, 255, 0.08);
}

:root[data-discuz-theme="dark"] #nv li.a {
	background: #315f86 !important;
}

:root[data-discuz-theme="dark"] #nv li a {
	color: #e8edf2 !important;
}

:root[data-discuz-theme="dark"] #nv li a:hover,
:root[data-discuz-theme="dark"] #nv li.hover a,
:root[data-discuz-theme="dark"] #nv li.hover a:hover {
	background: #2b4d68 !important;
}

/* Pagination, list headers and simulated selects. */
:root[data-discuz-theme="dark"] .pg a,
:root[data-discuz-theme="dark"] .pg strong,
:root[data-discuz-theme="dark"] .pgb a,
:root[data-discuz-theme="dark"] .pg label,
:root[data-discuz-theme="dark"] .ftid a,
:root[data-discuz-theme="dark"] #typeid_fast_ctrl {
	border-color: var(--dz-theme-border) !important;
	background-color: var(--dz-theme-surface) !important;
	color: var(--dz-theme-text) !important;
}

:root[data-discuz-theme="dark"] .pg strong {
	background-color: var(--dz-theme-surface-soft) !important;
	color: #fff !important;
}

:root[data-discuz-theme="dark"] .tl .th,
:root[data-discuz-theme="dark"] .tl .th th,
:root[data-discuz-theme="dark"] .tl .th td,
:root[data-discuz-theme="dark"] .tl .ts th,
:root[data-discuz-theme="dark"] .tl .ts td,
:root[data-discuz-theme="dark"] .tb_h,
:root[data-discuz-theme="dark"] div.exfm,
:root[data-discuz-theme="dark"] #uhd,
:root[data-discuz-theme="dark"] #flw_header .bar,
:root[data-discuz-theme="dark"] .flw_replybox,
:root[data-discuz-theme="dark"] #flw_post_extra .sec,
:root[data-discuz-theme="dark"] #fjump_menu li.a a {
	border-color: var(--dz-theme-border) !important;
	background-color: var(--dz-theme-surface-alt) !important;
	background-image: none !important;
	color: var(--dz-theme-text) !important;
}

/* View-thread actions and plugin blocks used on the current site. */
:root[data-discuz-theme="dark"] .sign_side,
:root[data-discuz-theme="dark"] #p_btn a,
:root[data-discuz-theme="dark"] #k_favorite,
:root[data-discuz-theme="dark"] #recommend_add,
:root[data-discuz-theme="dark"] #recommend_subtract,
:root[data-discuz-theme="dark"] .keke_vpost-box .keke_vpost-btnbox .keke_vpost-paybtn.buy-vip-btn {
	border-color: var(--dz-theme-border) !important;
	background: var(--dz-theme-surface-alt) !important;
	box-shadow: none !important;
	color: var(--dz-theme-link) !important;
}

:root[data-discuz-theme="dark"] .sign_side li {
	color: var(--dz-theme-text) !important;
}

:root[data-discuz-theme="dark"] .psth,
:root[data-discuz-theme="dark"] .cm .psth {
	border-color: #5b5034 !important;
	background-color: var(--dz-theme-warning-bg) !important;
	background-image: none !important;
	color: #ff9f8f !important;
}

/* Common third-party modal surfaces. */
:root[data-discuz-theme="dark"] .modal-content,
:root[data-discuz-theme="dark"] .popover,
:root[data-discuz-theme="dark"] .jconfirm .jconfirm-box {
	border-color: var(--dz-theme-border) !important;
	background: var(--dz-theme-surface) !important;
	color: var(--dz-theme-text) !important;
}

:root[data-discuz-theme="dark"] .modal-header,
:root[data-discuz-theme="dark"] .modal-footer,
:root[data-discuz-theme="dark"] .popover-title,
:root[data-discuz-theme="dark"] .jconfirm .jconfirm-box div.jconfirm-title-c,
:root[data-discuz-theme="dark"] .jconfirm .jconfirm-box div.jconfirm-content {
	border-color: var(--dz-theme-border) !important;
	background: var(--dz-theme-surface-alt) !important;
	color: var(--dz-theme-text) !important;
}

/* zqlj_sign calendar and ranking tables. */
:root[data-discuz-theme="dark"] .fl-table,
:root[data-discuz-theme="dark"] #tablehead,
:root[data-discuz-theme="dark"] #tablebody {
	border-color: var(--dz-theme-border) !important;
	background-color: var(--dz-theme-surface) !important;
	color: var(--dz-theme-text) !important;
}

:root[data-discuz-theme="dark"] .fl-table td,
:root[data-discuz-theme="dark"] .fl-table th,
:root[data-discuz-theme="dark"] .dt td,
:root[data-discuz-theme="dark"] .dt th {
	border-color: var(--dz-theme-border) !important;
	color: var(--dz-theme-text);
}

:root[data-discuz-theme="dark"] .fl-table tr:nth-child(even),
:root[data-discuz-theme="dark"] .dt th,
:root[data-discuz-theme="dark"] #tblist,
:root[data-discuz-theme="dark"] #tblist li.a {
	background-color: var(--dz-theme-surface-alt) !important;
}

:root[data-discuz-theme="dark"] #tblist {
	border-color: var(--dz-theme-border) !important;
	box-shadow: none !important;
}

:root[data-discuz-theme="dark"] #tblist ul {
	border-color: var(--dz-theme-border) !important;
}

:root[data-discuz-theme="dark"] #tblist li a {
	color: var(--dz-theme-text) !important;
}

:root[data-discuz-theme="dark"] #tblist li.a a,
:root[data-discuz-theme="dark"] #tblist li a:hover {
	background-color: var(--dz-theme-surface-soft) !important;
	color: var(--dz-theme-link) !important;
}

/* Touch template: override its existing color variables. */
:root[data-discuz-theme="dark"] body:not([id^="nv_"]) {
	--dz-BG-body: #101214;
	--dz-BG-0: #191c1f;
	--dz-BG-1: #0c0e10;
	--dz-BG-5: #23272b;
	--dz-BG-6: #515960;
	--dz-BG-n: #385b78;
	--dz-FC-333: #d9dde1;
	--dz-FC-666: #b9c0c7;
	--dz-FC-777: #aeb6be;
	--dz-FC-888: #a1aab3;
	--dz-FC-999: #969fa8;
	--dz-FC-aaa: #89939c;
	--dz-FC-bbb: #7d8790;
	--dz-FC-ccc: #707981;
	--dz-FC-ddd: #626a72;
	--dz-FC-nnn: #8db9df;
	--dz-BOR-ed: #3a4046;
}

:root[data-discuz-theme="dark"] body:not([id^="nv_"]) input,
:root[data-discuz-theme="dark"] body:not([id^="nv_"]) select,
:root[data-discuz-theme="dark"] body:not([id^="nv_"]) textarea {
	background-color: #14171a;
	color: var(--dz-theme-text);
}

:root[data-discuz-theme="dark"] body:not([id^="nv_"]) .foot {
	background-color: rgba(25, 28, 31, 0.96);
	box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.35);
}

:root[data-discuz-theme="dark"] body:not([id^="nv_"]) .header .myss a {
	background-color: rgba(0, 0, 0, 0.18);
}

:root[data-discuz-theme="dark"] body:not([id^="nv_"]) .discuz-select-options-wrap::before {
	background: linear-gradient(to bottom, #191c1f 0%, #191c1f 40%, rgba(25, 28, 31, 0) 100%);
}

:root[data-discuz-theme="dark"] body:not([id^="nv_"]) .discuz-select-options-wrap::after {
	background: linear-gradient(to top, #191c1f 0%, #191c1f 40%, rgba(25, 28, 31, 0) 100%);
}

@media (prefers-reduced-motion: reduce) {
	.discuz-theme-toggle,
	:root[data-discuz-theme="dark"] body,
	:root[data-discuz-theme="dark"] .bm,
	:root[data-discuz-theme="dark"] .p_pop {
		transition: none !important;
	}
}