/* POPLAB 0.2.0 — site appearance, adaptive list layouts and system dark mode */
:root{--ro-bg:#f5f3ee;--ro-panel:#fffdf8;--ro-soft:#efebe2;--ro-line:#ded9cd;--ro-text:#30414b;--ro-muted:#77838b;--ro-link:#36739a;--ro-accent:#b99752;--dz-bodybg:var(--ro-bg);--dz-fa:var(--ro-text);--dz-fb:var(--ro-text);--dz-fc:var(--ro-muted);--dz-fd:var(--ro-muted);--dz-alink:var(--ro-link);--dz-ahover:var(--ro-link);--dz-bgf:var(--ro-panel);--dz-bga:var(--ro-bg);--dz-bgb:var(--ro-soft);--dz-bgc:var(--ro-soft);--dz-borderb:var(--ro-line);--dz-bordera:var(--ro-line);--dz-borderc:var(--ro-line);--dz-color:var(--ro-link);--dz-radius-m:12px}
html[data-ro-theme=dark]{--ro-bg:#141e27;--ro-panel:#1d2832;--ro-soft:#263440;--ro-line:#384853;--ro-text:#e7edf1;--ro-muted:#a2b1bc;--ro-link:#91c4e7;--ro-accent:#d1b574;--dz-bodybg:var(--ro-bg);--dz-fa:var(--ro-text);--dz-fb:var(--ro-text);--dz-fc:var(--ro-muted);--dz-fd:var(--ro-muted);--dz-alink:var(--ro-link);--dz-bgf:var(--ro-panel);--dz-bga:var(--ro-bg);--dz-bgb:var(--ro-soft);--dz-bgc:var(--ro-soft);--dz-bgd:#304b60;--dz-ff:#e7edf1;--dz-btnbg:#385e7a;--dz-btntxt:#edf6ff;--dz-borderd:var(--ro-line);--dz-bgfglass:#1d2832cc;--dz-ahot:#efb18a}
body.discuzx5{background:var(--ro-bg);color:var(--ro-text);line-height:1.65}
body.discuzx5 :is(.bm,.dz_threadlist,.dz_viewthread,.ct2_a .mn,.appl){border-color:var(--ro-line);border-radius:12px;box-shadow:0 4px 18px #132f4410}
body.discuzx5 :is(.dz_layer_top,.bm_h,.ro-toc,.ro-resource,.ro-guide){background:var(--ro-panel);color:var(--ro-text);border-color:var(--ro-line)}
body.discuzx5 .dz_layer_top{border-bottom-color:var(--ro-accent)}
body.discuzx5 .bm_h{background:var(--ro-soft)}
body.discuzx5 :is(input.px,textarea.pt,.tedt,select,.ro-list-toolbar select,.ro-theme-control select){border:1px solid var(--ro-line);border-radius:7px;background:var(--ro-panel);color:var(--ro-text);box-sizing:border-box}
body.discuzx5 :is(input.px,textarea.pt,select):focus{outline:2px solid var(--ro-link);outline-offset:2px}
body.discuzx5 :is(.pn,.pgsbtn,.ro-copy){border-radius:7px}
body.discuzx5 .pnc{background:#36739a;border-color:#36739a;color:#fff}
body.discuzx5 :is(.t_f,.message){line-height:1.85}
body.discuzx5 :is(.quote,.blockcode,blockquote,pre){border-radius:9px;border-color:var(--ro-line);background:var(--ro-soft);color:var(--ro-text)}
body.discuzx5 .quote{border-left:3px solid var(--ro-accent)}
body.discuzx5 :is(.ro-resource,.ro-toc){padding:14px 16px}
body.discuzx5 :is(.ro-resource,.ro-toc) summary{cursor:pointer;font-weight:600;color:var(--ro-link)}
body.discuzx5 #thread_types{background:transparent;border:0!important;padding:10px 0;display:flex;flex-wrap:wrap;gap:7px;height:auto!important}
body.discuzx5 #thread_types li{float:none!important;margin:0!important}
body.discuzx5 #thread_types li a{display:block;background:var(--ro-soft)!important;border:1px solid var(--ro-line)!important;border-radius:18px!important;padding:5px 14px!important;height:auto!important;line-height:1.6!important}
body.discuzx5 #thread_types li.a a{background:#dceaf3!important;border-color:#94b4ca!important}
html[data-ro-theme=dark] body.discuzx5 #thread_types li.a a{background:#304b60!important;border-color:#6a8ba3!important}
body.discuzx5 .fl_tb .fl_g{border-radius:10px;transition:background .15s}
body.discuzx5 .fl_tb .fl_g:hover{background:var(--ro-soft)}
body.discuzx5 :is(.fl_tb h2,.fl_tb dt){line-height:1.5}
body.discuzx5 .dz_list_top{height:auto!important;min-height:36px;padding:10px 0;line-height:1.8}
body.discuzx5 :is(.slst li,.pml li,.tl td,.tl th){border-color:var(--ro-line)}
body.discuzx5 :is(.pm,.pml,.space,.spacebox,.tl,.slst,.edt){border-radius:10px}
body.discuzx5 #ft{color:var(--ro-muted)}
.ro-theme-control{display:inline-flex;align-items:center;gap:5px;margin-left:12px;font-size:12px;white-space:nowrap}
.ro-theme-control select{padding:5px 6px;font-size:12px;max-width:100px}
.ro-list-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--ro-line);margin-bottom:8px}
.ro-list-toolbar label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}
.ro-list-toolbar select{padding:6px 9px;min-height:34px}
.ro-layout-note{font-size:12px;color:var(--ro-muted)}
body.discuzx5 .ro-layout-list li.kmlist{box-sizing:border-box;min-width:0;border-color:var(--ro-line);background:var(--ro-panel);padding:18px 0}
body.discuzx5 .ro-layout-list .kmtit{height:auto;min-height:24px;white-space:normal;line-height:1.55;font-size:17px;overflow-wrap:anywhere}
body.discuzx5 .ro-layout-list .kmtxt{line-height:1.75;color:var(--ro-muted);margin:10px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
body.discuzx5 .ro-layout-list .kmfoot{height:auto!important;min-height:22px;line-height:1.8;display:flex;flex-wrap:wrap;gap:4px 10px;color:var(--ro-muted)}
body.discuzx5 .ro-layout-list .kmfoot>*{float:none!important;margin-left:0!important;margin-right:0!important;max-width:100%}
body.discuzx5 .ro-layout-list :is(.kmimg_onebox,.kmimg_box){min-width:0!important;max-width:100%;margin:10px 0;overflow:hidden;border-radius:8px}
body.discuzx5 .ro-layout-list :is(.kmimg_onebox,.kmimg_box) img{max-width:100%;height:auto;object-fit:cover}
body.discuzx5 .ro-layout-list .kmimg_onebox img{max-height:340px}
.ro-reply-count,.ro-question-kind{display:none}
body.discuzx5 .ro-layout-list[data-ro-layout=news] .kmtit{font-size:20px;font-weight:600}
body.discuzx5 .ro-layout-list[data-ro-layout=news] :is(.kmimg_onebox,.kmimg_box){float:right;width:170px;margin:4px 0 12px 18px;max-height:120px}
body.discuzx5 .ro-layout-list[data-ro-layout=news] li.kmlist{display:flow-root}
body.discuzx5 .ro-layout-list[data-ro-layout=compact] :is(.kmtxt,.kmimg_onebox,.kmimg_box){display:none}
body.discuzx5 .ro-layout-list[data-ro-layout=compact] li.kmlist{padding:9px 0}
body.discuzx5 .ro-layout-list[data-ro-layout=compact] .kmtit{font-size:15px}
body.discuzx5 .ro-layout-list[data-ro-layout=compact] .kmfoot{font-size:11px}
body.discuzx5 .ro-layout-list[data-ro-layout=compact] .kmfoot .kmimg{display:none}
body.discuzx5 .ro-layout-list:is([data-ro-layout=media],[data-ro-layout=resources]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body.discuzx5 .ro-layout-list:is([data-ro-layout=media],[data-ro-layout=resources]) li.kmlist{padding:16px;border:1px solid var(--ro-line);border-radius:10px}
body.discuzx5 .ro-layout-list[data-ro-layout=media] :is(.kmimg_onebox,.kmimg_box){height:180px}
body.discuzx5 .ro-layout-list[data-ro-layout=media] :is(.kmimg_onebox,.kmimg_box) img{width:100%;height:180px;object-fit:cover}
body.discuzx5 .ro-layout-list[data-ro-layout=media] .kmtxt{-webkit-line-clamp:2}
body.discuzx5 .ro-layout-list[data-ro-layout=resources] .kmtit{font-weight:600}
body.discuzx5 .ro-layout-list[data-ro-layout=resources] li.kmlist{border-top:3px solid var(--ro-accent)}
body.discuzx5 .ro-layout-list[data-ro-layout=resources] :is(.kmimg_onebox,.kmimg_box){max-height:110px}
body.discuzx5 .ro-layout-list[data-ro-layout=qa] li.kmlist{padding:16px 110px 16px 16px;border:1px solid var(--ro-line);border-radius:10px;margin-bottom:10px}
body.discuzx5 .ro-layout-list[data-ro-layout=qa] .ro-reply-count{display:block;position:absolute;right:14px;top:20px;background:var(--ro-soft);padding:7px 10px;border-radius:8px;font-size:13px;color:var(--ro-link)}
body.discuzx5 .ro-layout-list[data-ro-layout=qa] .ro-question-kind{display:inline-block;background:var(--ro-soft);color:var(--ro-link);padding:2px 8px;border-radius:10px;font-size:12px;margin-bottom:6px}
body.discuzx5 .ro-layout-list[data-ro-layout=qa] :is(.kmimg_onebox,.kmimg_box){display:none}
html[data-ro-theme=dark] body.discuzx5 :is(.bm,.tl,.edt,.tedt,.p_pop,.p_pof,.fwinmask,.m_c,.dz_layer_top,.dz_nav,.ct2_a .mn,.appl,.ro-resource,.ro-toc){background:var(--ro-panel)!important;color:var(--ro-text);border-color:var(--ro-line)!important}
html[data-ro-theme=dark] body.discuzx5 :is(.bm_h,.alt,.alt th,.alt td,.dt th,.edt .bar,.edt .bbar,.dz_footc,.dz_footc_dico,.dz_footc_bottom,.locked,.locked strong,.quote,.blockcode,.ro-copy,.sinf,.sadd,.exfm,.ntc_l,.bmn){background:var(--ro-soft)!important;color:var(--ro-text);border-color:var(--ro-line)!important}
html[data-ro-theme=dark] body.discuzx5 :is(.px,.pt,.ps,.pn,textarea,input[type=text],input[type=password],select){background:var(--ro-panel)!important;color:var(--ro-text);border-color:var(--ro-line)!important}
html[data-ro-theme=dark] body.discuzx5 :is(.pnc,.pgsbtn){background:#385e7a!important;color:#f5faff}
html[data-ro-theme=dark] body.discuzx5 :is(.ad .pls,.ad .plc,.pls,.plc,.ro-scroll,.ro-utility-table){border-color:var(--ro-line)!important}
html[data-ro-theme=dark] body.discuzx5 #pt{background:var(--ro-bg)!important}
@media(max-width:1100px){body.discuzx5 .ro-layout-list:is([data-ro-layout=media],[data-ro-layout=resources]){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.ro-theme-control{margin-left:6px}.ro-theme-control>span{display:none}.ro-theme-control select{max-width:80px;padding:4px;font-size:11px}body.discuzx5 .ro-layout-list:is([data-ro-layout=media],[data-ro-layout=resources]){grid-template-columns:1fr}body.discuzx5 .ro-layout-list[data-ro-layout=news] :is(.kmimg_onebox,.kmimg_box){width:105px;max-height:85px;margin-left:10px}body.discuzx5 .ro-layout-list[data-ro-layout=news] .kmtit{font-size:17px}.ro-layout-note{width:100%;font-size:11px}body.discuzx5 #thread_types{gap:6px}body.discuzx5 #thread_types li a{padding:5px 11px!important}.ro-layout-list .kmfoot{font-size:12px}}
@media(prefers-reduced-motion:reduce){body.discuzx5 .fl_tb .fl_g{transition:none}}

html[data-ro-theme=dark] body:not(.discuzx5){--dz-BG-body:#141e27!important;--dz-BG-0:#1d2832!important;--dz-BG-1:#e7edf1!important;--dz-BG-5:#263440!important;--dz-BG-6:#384853!important;--dz-FC-333:#e7edf1!important;--dz-FC-666:#bbc8d1!important;--dz-FC-777:#a2b1bc!important;--dz-FC-888:#a2b1bc!important;background:#141e27;color:#e7edf1}

/* Native Discuz picture/waterfall: preserve its layout engine and paging. */
body.discuzx5 #waterfall>li{background:var(--ro-panel);border:1px solid var(--ro-line);border-radius:12px;overflow:hidden;box-shadow:0 3px 12px rgba(35,48,58,.05)}
body.discuzx5 #waterfall :is(.wftitle,.wftit){background:var(--ro-panel);color:var(--ro-text);border-color:var(--ro-line)}
body.discuzx5 #waterfall .wftitle{padding:12px;line-height:1.6}
body.discuzx5 #waterfall .wftitle a{color:var(--ro-link)}
body.discuzx5 #waterfall .wfpic{background:var(--ro-soft)}
body.discuzx5 #waterfall .wfpic img{max-width:100%;height:auto}
body.discuzx5 .ro-layout-list[data-ro-layout=qa] .ro-question-solved{color:#25784d;background:#e5f3e9}
html[data-ro-theme=dark] body.discuzx5 .ro-layout-list[data-ro-layout=qa] .ro-question-solved{color:#96dbb3;background:#234234}