@media (max-width: 1232px) { body.discuzx5 { min-width: 0; } body.discuzx5 #wp, body.discuzx5 #hd .wp, body.discuzx5 #ft.wp { box-sizing: border-box; width: calc(100% - 32px); min-width: 0; } body.discuzx5 #wp .wp { box-sizing: border-box; width: 100%; min-width: 0; } }   .discuzx5 #avatardesigner { box-sizing: border-box; max-width: 100%; background: var(--dz-bgf); color: var(--dz-fa); } .discuzx5 #avatardesigner :is(.uploadavatar, .backfileselection, .saveAvatar, .finishbutton) { box-sizing: border-box; height: var(--cdbao-control-height); padding: 0 12px; border: 0; border-radius: var(--dz-radius-s); background: var(--dz-nvbg); color: var(--dz-ff); font-size: 13px; line-height: 34px; cursor: pointer; } .discuzx5 #avatardesigner :is(.uploadavatar, .backfileselection, .saveAvatar, .finishbutton):hover { background: var(--dz-nvbga); } .discuzx5 #avatardesigner :is(.uploadavatar, .backfileselection, .saveAvatar, .finishbutton):focus-visible { outline: 2px solid var(--dz-nvbg); outline-offset: 3px; } .discuzx5 #avatardesigner :is(.ui-widget-content, .ui-widget-header) { border-color: var(--dz-borderc); color: var(--dz-fa); } .discuzx5 #avatardesigner .ui-widget-header { background: var(--dz-bgc); } .discuzx5 #avatardesigner .ui-state-default { border-color: var(--dz-borderc); background: var(--dz-bgf); color: var(--dz-fa); } .discuzx5 #avatardesigner #slider .ui-slider-handle { box-sizing: border-box; width: 18px; height: 18px; border: 1px solid var(--dz-borderc); border-radius: var(--dz-radius-s); background: var(--dz-bgf) url(svg/ico_jt.svg) no-repeat center; background-size: 14px; } .discuzx5 #avatardesigner #avatardisplaycanvas { background: var(--dz-bgf); }   body.pg_modcp #ct.ct2_a, #nv_home #ct.ct2_a:not(:has(#messagetext)) { display: grid; grid-template-columns: 200px minmax(0, 1fr); align-items: start; gap: 20px; box-sizing: border-box; margin-bottom: 32px; padding: 0; border: 0; background: transparent; } body.pg_modcp #ct .pt, #nv_home #ct.ct2_a .tfm .pt { box-sizing: border-box; max-width: 100%; border-radius: var(--dz-radius-s); font-size: 13px; line-height: 22px; } body.pg_viewthread .pgs .pg, .boardnav .pgs .pg { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; float: none; margin: 0 !important; } body.pg_viewthread .pgs .pg a, body.pg_viewthread .pgs .pg strong, body.pg_viewthread .pgs .pgb a, .boardnav .pg a, .boardnav .pg strong, .boardnav .pgb a { display: inline-flex; align-items: center; justify-content: center; float: none; box-sizing: border-box; min-width: 30px; height: 30px; margin: 0; padding: 0 8px; font-size: 12px; line-height: 28px; } body.pg_viewthread .pgs .pg a.nxt, .boardnav .pg a.nxt { padding-right: 22px; } body.pg_viewthread .pgs .pgb a, .boardnav .pgb a { padding: 0 10px; }   .discuzx5 img[smilieid][src*="image/smiley/"] { width: auto; height: auto; max-width: 100% !important; max-height: none !important; vertical-align: middle; } .discuzx5 .pn.pnc { background: var(--dz-nvbg); color: var(--dz-ff) !important; } .discuzx5 .pn.pnc:disabled { background: var(--dz-bgb) !important; color: var(--dz-fd) !important; cursor: default; opacity: 1; }   .discuzx5 :is(.pn, .pg a, .pgb a, .p_pop a, .flbc, #scform_submit):focus-visible:not(.hidefocus), html.cdbao-keyboard .discuzx5 :is(.pn, .pg a, .pgb a, .p_pop a, .flbc, #scform_submit).hidefocus:focus { outline: 2px solid var(--dz-nvbg); outline-offset: 3px; } .discuzx5 { --cdbao-field-focus: #91a9c0; --cdbao-field-glow: rgba(128, 151, 174, .12); }   .discuzx5 :is( input:not([type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="file"], [type="hidden"], [type="submit"], [type="reset"], [type="button"], [type="image"]), textarea, select, .ftid > a, [contenteditable="true"] ):focus { border-color: var(--cdbao-field-focus) !important; outline: none !important; box-shadow: 0 0 0 2px var(--cdbao-field-glow) !important; }   .discuzx5 :is(.tedt, .edt):focus-within, body.discuzx5 #postform #e_body:focus-within { border-color: var(--cdbao-field-focus) !important; outline: none !important; box-shadow: 0 0 0 2px var(--cdbao-field-glow) !important; } .discuzx5 :is(.tedt, .edt) :is(textarea, .pt, [contenteditable="true"]):focus { outline: none !important; box-shadow: none !important; }   .discuzx5 :is(input, textarea, select):is(.er, [aria-invalid="true"]):focus { border-color: var(--dz-ahot, #f26c4f) !important; box-shadow: 0 0 0 2px rgba(242, 108, 79, .10) !important; } .discuzx5 :is(input[type="checkbox"], input[type="radio"]) { accent-color: var(--dz-nvbg); } .discuzx5 #ct .pg { font-size: 12px; } .discuzx5 #ct .pg :is(a, strong) { box-sizing: border-box; min-width: 30px; height: 30px; border-radius: var(--dz-radius-s); line-height: 28px; }   #append_parent .fwinmask:not(:has(.cdbao-score-dialog, [id^="main_messaqge_"])) .flb { display: flex; align-items: center; justify-content: space-between; gap: 8px 16px; box-sizing: border-box; height: auto; min-height: 52px; margin: 0; padding: 10px 16px 12px; border-bottom: 1px solid var(--dz-borderb); line-height: 26px; } #append_parent .fwinmask .flb em, #append_parent .fwinmask .flb > span { float: none; } #append_parent .fwinmask:not(:has(.cdbao-score-dialog, [id^="main_messaqge_"])) .flb em { min-width: 0; font-size: 16px; font-weight: 600; white-space: normal; } #append_parent .fwinmask:not(:has(.cdbao-score-dialog, [id^="main_messaqge_"])) .m_c .c { box-sizing: border-box; padding: 16px; font-size: 13px; line-height: 24px; word-break: normal; overflow-wrap: anywhere; } #append_parent .fwinmask:not(:has(.cdbao-score-dialog, [id^="main_messaqge_"])) .m_c .o { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; box-sizing: border-box; height: auto; min-height: 54px; padding: 12px 16px; border-top: 1px solid var(--dz-borderb); font-size: 12px; line-height: 24px; } #append_parent .fwinmask .o > .z { float: none; margin-right: auto; } #append_parent .fwinmask .o .pn { margin: 0; border-radius: var(--dz-radius-s); }   #append_parent .fwinmask form[id^="favoriteform_"] textarea, #append_parent .fwinmask #report_message { box-sizing: border-box; width: 100% !important; min-height: 96px; padding: 10px 12px; border: 1px solid var(--dz-borderb); border-radius: var(--dz-radius-s); font-size: 13px; line-height: 22px; resize: vertical; } #append_parent .fwinmask #report_reasons { display: grid; gap: 6px; } #append_parent .fwinmask #report_reasons > br { display: none; } #append_parent .fwinmask #report_reasons > label { display: flex; align-items: center; gap: 6px; padding: 6px 10px; border: 1px solid var(--dz-borderb); border-radius: var(--dz-radius-s); cursor: pointer; } #append_parent .fwinmask #report_reasons > label:has(:checked) { border-color: var(--dz-nvbg); background: var(--dz-bgc); } #append_parent .fwinmask .floatwrap:has(> .list) { max-height: calc(100dvh - 180px); overflow: auto; } #append_parent .fwinmask .list { width: 100%; border-collapse: collapse; font-size: 13px; line-height: 22px; } #append_parent .fwinmask .list td, #append_parent .fwinmask .list th { height: auto; padding: 8px 10px; border-bottom: 1px solid var(--dz-borderb); text-align: left; } #append_parent .fwinmask .list thead td, #append_parent .fwinmask .list thead th { background: var(--dz-bgc); font-size: 12px; font-weight: 500; }   #nv_home #ct.ct2_a:not(:has(#messagetext)), body.pg_modcp #ct.ct2_a { width: 100%; min-width: 0; margin-right: 0; margin-left: 0; } @media (max-width: 1200px) { #nv_home #wp:has(> #ct.ct2_a), #nv_home #wp:has(> #ct.cdbao-invite-page), body.pg_modcp #wp:has(> #ct.ct2_a) { box-sizing: border-box; width: calc(100% - 32px); min-width: 0; } }   body.discuzx5 .flbc, #append_parent .flbc, body.discuzx5 .atips_close, body.discuzx5 .closeprev { display:inline-flex; box-sizing:border-box; flex:0 0 28px; width:28px; height:28px; padding:0; border:0; border-radius:var(--dz-radius-s); background:transparent; color:var(--dz-fc); font-size:0; line-height:28px; text-indent:0; cursor:pointer; text-decoration:none; } body.discuzx5 .flbc, #append_parent .flbc, body.discuzx5 .closeprev { position:relative; } #append_parent .flbc { margin:0; } body.discuzx5 .flbc::before, #append_parent .flbc::before, body.discuzx5 .atips_close::before, body.discuzx5 .closeprev::before, body.discuzx5 .flbc::after, #append_parent .flbc::after, body.discuzx5 .atips_close::after, body.discuzx5 .closeprev::after { content:''; position:absolute; left:50%; top:50%; width:14px; height:1.5px; border:0; border-radius:1px; background:currentColor; transform:translate(-50%,-50%) rotate(45deg); } body.discuzx5 .flbc::after, #append_parent .flbc::after, body.discuzx5 .atips_close::after, body.discuzx5 .closeprev::after { transform:translate(-50%,-50%) rotate(-45deg); } body.discuzx5 .flbc:hover, #append_parent .flbc:hover, body.discuzx5 .atips_close:hover, body.discuzx5 .closeprev:hover { background:var(--dz-bgc); color:var(--dz-fb); } body.discuzx5 .flbc:hover::before, #append_parent .flbc:hover::before, body.discuzx5 .closeprev:hover::before { color:inherit; } body.discuzx5 :is(.atips_close,.closeprev):focus-visible { outline:2px solid var(--dz-nvbg); outline-offset:2px; }   body.discuzx5 select:not([multiple]):not([size]), body.discuzx5 .ftid > a { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M1.75 3.875 6 8.125 10.25 3.875' fill='none' stroke='%23999' stroke-width='1.5'/%3E%3C/svg%3E") !important; background-position:right 9px center !important; background-size:12px 12px !important; background-repeat:no-repeat !important; padding-right:30px !important; } body.discuzx5 .dpbtn { display:inline-flex; align-items:center; justify-content:center; background:var(--dz-bgf) !important; font-size:0; text-indent:0; } body.discuzx5 .dpbtn::before { content:''; width:6px; height:6px; margin-top:-3px; border-right:1.5px solid var(--dz-fc); border-bottom:1.5px solid var(--dz-fc); transform:rotate(45deg); } body.discuzx5 .dpbtn:hover { background:var(--dz-bgc) !important; } body.discuzx5 .dpbtn:hover::before { border-color:var(--dz-nvbg); }   body.discuzx5 .p_pop:not(.blk,.inlinelist):has(> a:not(.flbc), > ul > li > a, > li > a), body.discuzx5 .sltm { box-sizing:border-box; max-width:calc(100vw - 40px); padding:4px; border:1px solid var(--dz-borderb); border-radius:var(--dz-radius-m); background:var(--dz-bgf); box-shadow:0 4px 16px rgba(0,0,0,.1); } body.discuzx5 .p_pop:not(.blk,.inlinelist) > a:not(.flbc), body.discuzx5 .p_pop:not(.blk,.inlinelist) > ul > li > a, body.discuzx5 .p_pop:not(.blk,.inlinelist) > li > a, body.discuzx5 .sltm li { box-sizing:border-box; height:auto; padding:6px 10px; border:0; border-radius:var(--dz-radius-s); font-size:13px; line-height:22px; white-space:normal; } body.discuzx5 .p_pop:not(.blk,.inlinelist) > a:not(.flbc):hover, body.discuzx5 .p_pop:not(.blk,.inlinelist) > ul > li > a:hover, body.discuzx5 .p_pop:not(.blk,.inlinelist) > li > a:hover, body.discuzx5 .sltm li:hover { color:var(--dz-nvbg); background:var(--dz-bgc); }   body.discuzx5 .p_pop:not(.blk,.inlinelist) > ul { margin:0; padding:0; } body.discuzx5 .p_pop:not(.blk,.inlinelist) > ul > li:has(> a) { display:block; margin:0; padding:0; } body.discuzx5 #threadlist .tf .showmenu::after { content:''; display:inline-block; box-sizing:content-box; width:6px; height:6px; margin:0 2px 3px 6px; padding:0; background:none; border:0; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); vertical-align:middle; }
.discuzx5 #dz_btm_layer .dz_btm_layer { box-sizing: border-box; display: flex; align-items: center; gap: 16px; width: 1000px; max-width: calc(100% - 32px); min-width: 0; margin: 0 auto; padding: 0; } .discuzx5.dz_wide #dz_btm_layer .dz_btm_layer { width: 1200px; } .discuzx5 #dz_btm_layer .dz_nav_logo { flex: 0 0 auto; float: none; margin: 0; } .discuzx5 #dz_btm_layer .dz_layer_dl { flex: 0 0 auto; float: none; margin-left: auto; } .discuzx5 #dz_btm_layer .dz_layer_nav { display: flex; align-items: center; flex: 1 1 auto; float: none; width: auto; min-width: 0; } .discuzx5 #dz_btm_layer .dz_layer_nav > ul { display: flex; align-items: center; gap: 6px; } .discuzx5 #dz_btm_layer .dz_layer_nav > ul > li { float: none; flex: 0 0 auto; } .discuzx5 #dz_btm_layer .dz_layer_nav > ul > li > a { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 64px; height: 40px; margin: 0; padding: 0 14px; border-radius: var(--dz-radius-m); font-size: 16px; line-height: 24px; letter-spacing: 0; white-space: nowrap; text-decoration: none; transition: background-color .16s ease, color .16s ease; } .discuzx5 #dz_btm_layer .dz_layer_nav > ul > li > a::before, .discuzx5 #dz_btm_layer .dz_layer_nav > ul > li > a::after { display: none; } .discuzx5 #dz_btm_layer .dz_layer_nav > ul > li > a:hover, .discuzx5 #dz_btm_layer .dz_layer_nav > ul > li.hover > a { background: var(--dz-bgc); color: var(--dz-nvtxt); } .discuzx5 #dz_btm_layer .dz_layer_nav > ul > li.a > a { background: var(--dz-bgc); background: color-mix(in srgb, var(--dz-nvbg) 8%, transparent); color: var(--dz-nvtxt); font-weight: 600; } .discuzx5 #dz_btm_layer .dz_layer_nav > ul > li > a:focus-visible { outline: 2px solid var(--dz-nvbg); outline-offset: -2px; } .discuzx5 #dz_btm_layer .dz_layer_nav > ul > .dz_menumore { display: flex; align-items: center; gap: 2px; padding-right: 8px; } .discuzx5 #dz_btm_layer .dz_layer_nav > ul > .dz_menumore > a { min-width: 0; padding-right: 8px; } @media (prefers-reduced-motion: reduce) { .discuzx5 #dz_btm_layer .dz_layer_nav > ul > li > a { transition: none; } }   @media (max-width: 1232px) { .discuzx5 #dz_btm_layer .dz_btm_layer { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; width: 100%; height: auto; min-height: 73px; padding: 10px 0; } .discuzx5 #dz_btm_layer .dz_nav_logo { flex: 0 0 auto; height: 40px; } .discuzx5 #dz_btm_layer .dz_layer_nav { flex: 1 1 240px; height: auto; overflow: visible; } .discuzx5 #dz_btm_layer .dz_layer_nav > ul { flex-wrap: wrap; } .discuzx5 #dz_btm_layer .dz_layer_nav > ul > li > a { padding: 0 10px; border-radius: var(--dz-radius-s); } .discuzx5 #dz_btm_layer .dz_layer_dl { flex-shrink: 1; max-width: 100%; } .discuzx5 #dz_btm_layer .header-right { flex-wrap: wrap; gap: 8px 0; height: auto; min-height: 40px; } .discuzx5 #dz_btm_layer .header-searcher { flex: 1 1 160px; min-width: 0; } .discuzx5 #dz_btm_layer .header-searcher .search-input { box-sizing: border-box; width: 100%; padding-right: 38px; } .discuzx5 #dz_btm_layer .header-searcher .search-panel { width: min(300px, calc(100vw - 32px)); } } @media (max-width: 760px) { .discuzx5 #dz_btm_layer .dz_layer_dl { flex: 1 1 100%; } .discuzx5 #dz_btm_layer :is(.header-client, .header-notice, .header-i18n) { height: 40px; } }
.discuzx5 .tip:is(.aimg_tip, [id^="aid"][id$="_menu"], [id^="attach_"][id$="_menu"]) { box-sizing: border-box; width: 290px; max-width: calc(100vw - 32px); padding: 12px 14px; border: 1px solid #edddab; border-radius: var(--dz-radius-s); background: #fefee9; box-shadow: 0 6px 20px rgba(0, 0, 0, .10); color: var(--dz-fa); font-family: Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; text-align: left; overflow-wrap: anywhere; } .discuzx5 .tip:is(.aimg_tip, [id^="aid"][id$="_menu"], [id^="attach_"][id$="_menu"]) :is(div, p, span, strong, em, a) { font-size: 12px; line-height: 20px; } .discuzx5 .tip:is(.aimg_tip, [id^="aid"][id$="_menu"], [id^="attach_"][id$="_menu"]) p { margin: 0 0 6px; } .discuzx5 .tip:is(.aimg_tip, [id^="aid"][id$="_menu"], [id^="attach_"][id$="_menu"]) p:last-child { margin-bottom: 0; } .discuzx5 .tip:is(.aimg_tip, [id^="aid"][id$="_menu"], [id^="attach_"][id$="_menu"]) .y { float: none; text-align: right; } .discuzx5 .tip:is(.aimg_tip, [id^="aid"][id$="_menu"], [id^="attach_"][id$="_menu"]) a { display: inline-block; color: var(--dz-nvtxt); text-decoration: none; } .discuzx5 .tip:is(.aimg_tip, [id^="aid"][id$="_menu"], [id^="attach_"][id$="_menu"]) a:hover { text-decoration: underline; } .discuzx5 .tip:is(.aimg_tip, [id^="aid"][id$="_menu"], [id^="attach_"][id$="_menu"]) .tip_horn { width: 8px; height: 8px; bottom: -5px; left: 14px; border: solid #edddab; border-width: 0 1px 1px 0; background: #fefee9; transform: rotate(45deg); }   .discuzx5 .p_pop.card, .discuzx5 .p_pop.bui { box-sizing: border-box; max-width: calc(100vw - 32px); border: 1px solid var(--dz-borderb); border-radius: 12px; background: var(--dz-bgf); box-shadow: 0 8px 28px rgba(0, 0, 0, .10); font-size: 12px; line-height: 20px; } .discuzx5 .p_pop.card { width: 320px !important; padding: 0; } .discuzx5 .card > [class^="card_gender_"] { background: transparent; } .discuzx5 .card .card_mn { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 12px; min-height: 0; padding: 12px; } .discuzx5 .card .card_mn > .avt { position: static; display: block; width: 48px; margin: 0; } .discuzx5 .card .card_mn > .avt a { display: block !important; } .discuzx5 .card .card_mn > .avt img { display: block; box-sizing: border-box; width: 48px; height: 48px; margin: 0; padding: 0; border: 1px solid var(--dz-borderb); border-radius: var(--dz-radius-m); object-fit: cover; } .discuzx5 .card .card_mn > .c { min-width: 0; padding: 0; overflow-wrap: anywhere; } .discuzx5 .card .card_mn .c > .pbn { display: flex; align-items: center; flex-wrap: wrap; gap: 2px 6px; margin: 0; padding: 0 !important; line-height: 22px; } .discuzx5 .card .card_mn .c > .pbn::after { display: none; } .discuzx5 .card .card_mn strong { order: -1; min-width: 0; } .discuzx5 .card .card_mn strong a { font-size: 14px; font-weight: 600; } .discuzx5 .card .card_mn .pbn > .y { order: 1; float: none; flex-basis: 100%; font-size: 12px; line-height: 20px; } .discuzx5 .card .card_mn .c > div { margin-top: 4px; line-height: 20px; } .discuzx5 .card .card_mn .c > div:empty { display: none; } .discuzx5 .card .card_info { margin: 0 16px; padding: 10px 0; border: solid var(--dz-borderb); border-width: 1px 0 0; } .discuzx5 .card .card_info > li { display: grid; grid-template-columns: 60px minmax(0, 1fr); gap: 4px 12px; padding: 3px 0; } .discuzx5 .card .card_info .avt { position: static; display: block; width: auto; margin: 0; } .discuzx5 .card .card_info p { min-width: 0; overflow-wrap: anywhere; } .discuzx5 .card .o { display: flex; flex-wrap: wrap; gap: 6px 8px; padding: 12px 16px; border-top: 1px solid var(--dz-borderb); } .discuzx5 .card .o::after { display: none; } .discuzx5 .card .o > a { display: inline-flex !important; align-items: center; justify-content: center; float: none; box-sizing: border-box; width: auto; min-height: 30px; margin: 0; padding: 4px 10px !important; border: 1px solid var(--dz-borderb); border-radius: var(--dz-radius-s); background: var(--dz-bgc); color: var(--dz-fa); font-size: 12px; line-height: 20px; white-space: nowrap; text-decoration: none; } .discuzx5 .card .o > a.xi1 { color: var(--dz-ahot); } .discuzx5 .card .o > a:hover { border-color: var(--dz-ahover); background: var(--dz-bgc) !important; color: var(--dz-ahover); text-decoration: none; } .discuzx5 .card .o > a.xi1:hover { border-color: var(--dz-ahot); color: var(--dz-ahot); } .discuzx5 .card .card_msg { box-sizing: border-box; width: 100%; margin-top: 8px; } .discuzx5 .card .f { padding: 0 16px; }   .discuzx5 .p_pop.bui { width: 320px !important; margin: 0; padding: 12px; } .discuzx5 .bui > .m { width: 48px; margin: 0; } .discuzx5 .bui .m .avtm { display: block; width: 48px; height: 48px; margin: 0; padding: 0; border: 0; background: transparent; } .discuzx5 .bui .m img { display: block; box-sizing: border-box; width: 48px; height: 48px; margin: 0; padding: 0; border: 1px solid var(--dz-borderb); border-radius: var(--dz-radius-m); object-fit: cover; } .discuzx5 .bui > .i { float: none; width: auto; min-width: 0; margin: 0 0 0 60px; overflow-wrap: anywhere; } .discuzx5 .bui .i > div:first-child { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 8px; line-height: 22px; } .discuzx5 .bui .i strong a.xi2 { margin: 0; font-size: 14px; font-weight: 600; } .discuzx5 .bui dl { display: grid; grid-template-columns: max-content minmax(0, 1fr) max-content minmax(0, 1fr); gap: 4px 8px; margin: 6px 0; } .discuzx5 .bui dl::after { display: none; } .discuzx5 .bui :is(dt, dd) { float: none; width: auto; height: auto; margin: 0; line-height: 20px; overflow-wrap: anywhere; } .discuzx5 .bui .imicn { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; } .discuzx5 .bui .imicn a { display: inline-flex; align-items: center; min-height: 24px; margin: 0; } @media (max-width: 480px) { .discuzx5 .bui dl { grid-template-columns: max-content minmax(0, 1fr); } }
#ct:has(#messagelogin) { box-sizing: border-box; width: auto !important; max-width: 500px; margin: 28px auto 40px; padding: 0; border: 0; background: transparent; } #ct #main_message:has(#messagelogin) { min-height: 0; } #ct #main_message:has(#messagelogin) > .f_c { box-sizing: border-box; width: 100%; margin: 0; padding: 22px 24px 24px; border: 1px solid var(--dz-borderb); border-radius: var(--dz-radius-m, 10px); background: var(--dz-bgf); box-shadow: none; } #ct:has(#messagelogin) #messagetext { min-height: 24px; padding: 10px 12px 10px 40px; border-radius: var(--dz-radius-s, 6px); background: var(--dz-bgc); font-size: 13px; line-height: 24px; } #ct:has(#messagelogin) #messagetext::before { top: 10px; left: 10px; width: 22px; height: 24px; font-size: 22px; line-height: 24px; } #messagelogin { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--dz-borderb); } #messagelogin .flb { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px 12px; height: auto; margin: 0 0 14px; padding: 0; font-size: 17px; line-height: 26px; } #messagelogin .flb em, #messagelogin .flb > span { float: none; } #messagelogin .flb em { font-weight: 600; } #messagelogin form > .c { min-width: 0; padding: 0; } :is([id^="main_messaqge_"], #registerform) .multicaptcha-status { display: block; margin-top: 6px; font-size: 12px; line-height: 20px; } :is([id^="main_messaqge_"], #registerform) .rfm { box-sizing: border-box; width: 100%; margin: 0 0 12px; border: 0; } :is([id^="main_messaqge_"], #registerform) .rfm table, :is([id^="main_messaqge_"], #registerform) .rfm tbody { display: block; width: 100%; } :is([id^="main_messaqge_"], #registerform) .rfm tr { display: grid; grid-template-columns: minmax(0, 1fr); } :is([id^="main_messaqge_"], #registerform) .rfm tr:has(> .tipcol > a) { grid-template-columns: minmax(0, 1fr) auto; } :is([id^="main_messaqge_"], #registerform) .rfm tr:has(> .tipcol > a) > th { grid-column: 1; grid-row: 1; } :is([id^="main_messaqge_"], #registerform) .rfm tr:has(> .tipcol > a) > td:not(.tipcol) { grid-column: 1 / -1; grid-row: 2; } :is([id^="main_messaqge_"], #registerform) .rfm tr:has(> .tipcol > a) > .tipcol { grid-column: 2; grid-row: 1; align-self: start; padding: 0 0 6px; text-align: right; } :is([id^="main_messaqge_"], #registerform) .rfm th, :is([id^="main_messaqge_"], #registerform) .rfm td { box-sizing: border-box; width: auto; min-width: 0; padding: 0; font-size: 13px; font-weight: 400; line-height: 22px; text-align: left; } :is([id^="main_messaqge_"], #registerform) .rfm th { padding-bottom: 5px; color: var(--dz-fb); } :is([id^="main_messaqge_"], #registerform) .rfm th:empty, :is([id^="main_messaqge_"], #registerform) .rfm:has(button[type="submit"]) th, :is([id^="main_messaqge_"], #registerform) .rfm:has(input[name="cookietime"]) th { display: none; } :is([id^="main_messaqge_"], #registerform) .rfm .px, :is([id^="main_messaqge_"], #registerform) .rfm select { box-sizing: border-box; width: 100%; max-width: 100%; height: 38px; padding: 7px 10px; border: 1px solid var(--dz-borderb); border-radius: var(--dz-radius-s, 6px); background: var(--dz-bgf); color: var(--dz-fb); font-size: 14px; line-height: 22px; } :is([id^="main_messaqge_"], #registerform) .rfm .px.p_fre { width: 100% !important; } :is([id^="main_messaqge_"], #registerform) .rfm .px:focus, :is([id^="main_messaqge_"], #registerform) .rfm select:focus { border-color: var(--dz-nvbg, #0066ff); outline: 2px solid rgba(0, 102, 255, .12); outline-offset: 1px; } :is([id^="main_messaqge_"], #registerform) .rfm .tipcol, :is([id^="main_messaqge_"], #registerform) .rfm .tipwide { padding-top: 5px; color: var(--dz-fc); font-size: 12px; line-height: 20px; } :is([id^="main_messaqge_"], #registerform) .rfm :is(.p_tip, .p_chk, #emailmore) { position: static; width: auto; padding: 0; background: transparent; font-size: 12px; line-height: 20px; white-space: normal; overflow-wrap: anywhere; } :is([id^="main_messaqge_"], #registerform) .rfm .pc { width: 15px; height: 15px; margin: 0 6px 0 0; vertical-align: -3px; accent-color: var(--dz-nvbg, #0066ff); } :is([id^="main_messaqge_"], #registerform) .rfm .pn { box-sizing: border-box; min-width: 100px; height: 38px; padding: 0 20px; border: 0; border-radius: var(--dz-radius-s, 6px); background: var(--dz-nvbg, #0066ff); color: #fff !important; font-size: 14px; line-height: 38px; } :is([id^="main_messaqge_"], #registerform) .rfm .pn :is(span, strong) { padding: 0; font-weight: 500; line-height: inherit; } :is([id^="main_messaqge_"], #registerform) .rfm .pn:hover { background: var(--dz-nvbga, #0051cc); } :is([id^="main_messaqge_"], #registerform) .rfm .pn:disabled { background: var(--dz-bgb) !important; color: var(--dz-fd) !important; } :is([id^="main_messaqge_"], #registerform) .rfm.mbw { margin-bottom: 0 !important; } :is([id^="main_messaqge_"], #registerform) .rfm td:has(> button[name="loginsubmit"]) { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; color: var(--dz-fc); font-size: 12px; } :is([id^="main_messaqge_"], #registerform) .rfm button[name="loginsubmit"] { flex: 0 0 100%; width: 100%; margin: 0 0 6px; } :is([id^="main_messaqge_"], #registerform) .rfm a[href^="login.php?method="] { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 32px; height: 32px; margin: 0 !important; border: 1px solid var(--dz-borderb); border-radius: var(--dz-radius-s, 6px); background: var(--dz-bgf); } :is([id^="main_messaqge_"], #registerform) .rfm a[href^="login.php?method="]:hover { border-color: var(--dz-nvbg); background: var(--dz-bgc); } :is([id^="main_messaqge_"], #registerform) .rfm a[href^="login.php?method="] .iconfont { width: 18px; height: 18px; } #registerform #registerformsubmit { width: 100%; margin: 4px 0 8px; } #registerform .rfm .tipwide { margin-top: 6px; padding: 10px 12px; border-radius: var(--dz-radius-s); background: var(--dz-bgc); } #registerform .rfm:has(.tipwide) table + table th { display: none; } :is([id^="main_messaqge_"], #registerform) .login_slct select { float: none !important; width: auto; height: 28px; padding: 2px 8px; font-size: 12px; } .fwinmask:has([id^="main_messaqge_"]) [id^="main_messaqge_"] { box-sizing: border-box; width: 420px; max-width: calc(100vw - 64px); max-height: calc(100dvh - 64px); padding: 18px 22px 22px; overflow-y: auto; overscroll-behavior: contain; } .fwinmask:has([id^="main_messaqge_"]) .flb { display: flex; align-items: center; justify-content: space-between; height: auto; margin: 0 0 16px; padding: 0 0 12px; border-bottom: 1px solid var(--dz-borderb); line-height: 28px; } .fwinmask:has([id^="main_messaqge_"]) .flb em { float: none; font-size: 17px; font-weight: 600; } .fwinmask:has([id^="main_messaqge_"]) .flb > span { float: none; } .fwinmask:has([id^="main_messaqge_"]) form > .c { min-width: 0; padding: 0; } @media (max-width: 640px) { #ct:has(#messagelogin) { margin-top: 16px; margin-bottom: 28px; } .fwinmask:has([id^="main_messaqge_"]) [id^="main_messaqge_"] { padding: 16px; } #ct #main_message:has(#messagelogin) > .f_c { padding: 16px; } }
.discuzx5 .tl th :is(.kmico, .tbox.tdigest) { display: inline-block; box-sizing: content-box; height: 18px; margin-right: 4px; padding: 0 4px; border: 0; border-radius: var(--dz-radius-x); background-image: linear-gradient(100deg, #13adff, #006eff); color: var(--dz-ff); font-size: 12px; font-weight: 400; line-height: 18px; vertical-align: 1px; white-space: nowrap; } .discuzx5 .tl th :is(.kmjing, .tbox.tdigest) { background-image: linear-gradient(100deg, #a4db0f, #87bc0a); } .discuzx5 .tl th .kmding { background-image: linear-gradient(100deg, #ff9300, #ff5000); } .discuzx5 .tl td.icn { box-sizing: border-box; width: 30px; min-width: 30px; text-align: center; } .discuzx5 .tl td.icn > a { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; vertical-align: middle; } .discuzx5 .tl td.o { box-sizing: border-box; width: 26px; min-width: 26px; text-align: center; } .discuzx5 .tl td.o > input[type="checkbox"] { margin: 0; vertical-align: middle; } .discuzx5 .tl th .kmicotxt { height: 16px; border: 1px solid var(--dz-ahot); background: var(--dz-bgf); color: var(--dz-ahot); line-height: 16px; }
.discuzx5 #append_parent .fwinmask:has(.pm) .fwin { border: 1px solid var(--dz-borderb); border-spacing: 0; border-collapse: separate; border-radius: var(--dz-radius-m); background: var(--dz-bgf); box-shadow: 0 8px 28px rgba(0, 0, 0, .12); } .discuzx5 #append_parent .fwinmask:has(.pm) :is(.t_l, .t_c, .t_r, .m_l, .m_r, .b_l, .b_c, .b_r) { display: none; } .discuzx5 #append_parent .fwinmask:has(.pm) .m_c { padding: 0; border-radius: var(--dz-radius-m); overflow: hidden; } .discuzx5 #append_parent .fwinmask:has(.pm) .pm { display: flex; flex-direction: column; box-sizing: border-box; width: min(540px, calc(100vw - 32px)); height: min(560px, calc(100dvh - 120px)); max-width: calc(100vw - 32px); min-height: 0; overflow: hidden; border-radius: inherit; background: var(--dz-bgf); color: var(--dz-fa); font-size: 13px; line-height: 22px; } .discuzx5 #append_parent .fwinmask:has(.pm) .pm > .flb { flex: 0 0 auto; margin: 0; padding: 12px 16px; border-bottom: 1px solid var(--dz-borderb); } .discuzx5 #append_parent .fwinmask:has(.pm) .flb em::before { display: none; } .discuzx5 #append_parent .fwinmask:has(.pm) .pm_tac { display: flex; align-items: center; justify-content: space-between; flex: 0 0 auto; flex-wrap: wrap; gap: 6px 16px; margin: 0; padding: 10px 16px; border: 0; border-bottom: 1px solid var(--dz-borderb); border-radius: 0; background: var(--dz-bgc); font-size: 12px; } .discuzx5 #append_parent .fwinmask:has(.pm) .pm_tac::after { display: none; } .discuzx5 #append_parent .fwinmask:has(.pm) .pm_tac .y { float: none; order: 1; } .discuzx5 #append_parent .fwinmask:has(.pm) .pm > .c { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; min-height: 0; padding: 0; } .discuzx5 #append_parent .fwinmask:has(.pm) .pmb { box-sizing: border-box; flex: 1 1 auto; width: 100%; height: auto; min-height: 0; margin: 0; padding: 16px; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; } .discuzx5 #append_parent .fwinmask:has(.pm) .pmb h4 { padding: 2px 8px; background: var(--dz-bgc); color: var(--dz-fc) !important; font-size: 12px; line-height: 20px; } .discuzx5 #append_parent .fwinmask:has(.pm) .pmt { display: none; } .discuzx5 #append_parent .fwinmask:has(.pm) .pmd { box-sizing: border-box; max-width: 85%; padding: 8px 12px; border-radius: var(--dz-radius-s); font-size: 13px; line-height: 22px; overflow-wrap: anywhere; } .discuzx5 #append_parent .fwinmask:has(.pm) .pmd img { max-width: 100%; height: auto; } .discuzx5 #append_parent .fwinmask:has(.pm) .pmfm { flex: 0 0 auto; padding: 12px 16px; border-top: 1px solid var(--dz-borderb); } .discuzx5 #append_parent .fwinmask:has(.pm) .pmfm .tedt { box-sizing: border-box; width: 100%; border: 1px solid var(--dz-borderb); border-radius: var(--dz-radius-s); overflow: hidden; } .discuzx5 #append_parent .fwinmask:has(.pm) .pmfm .bar { background: var(--dz-bgc); } .discuzx5 #append_parent .fwinmask:has(.pm) .pmfm .pt { box-sizing: border-box; width: 100%; height: 80px; min-height: 0; font-size: 13px; line-height: 22px; resize: none; } .discuzx5 #append_parent .fwinmask:has(.pm) .pmfm .pns { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .discuzx5 #append_parent .fwinmask:has(.pm) .pmfm .pns::after { display: none; } .discuzx5 #append_parent .fwinmask:has(.pm) .pmfm .pma { float: none; order: -1; margin: 0 !important; } .discuzx5 #append_parent .fwinmask:has(.pm) #pmsubmit_btn { float: none; min-width: 76px; height: 36px; margin: 0; line-height: 34px; }   .discuzx5 #ct :is(#pm_ul, #pm_ul_post, .pm_g) { font-size: 13px; line-height: 24px; overflow-wrap: anywhere; } .discuzx5 #ct .pml dl { padding-top: 12px; padding-bottom: 12px; border-color: var(--dz-borderb); } .discuzx5 #ct .pml .avt img { border-radius: 50%; } .discuzx5 #ct :is(#pm_ul_post, .pm_mn, .pmform) .tedt { box-sizing: border-box; width: 100%; max-width: 100%; border-radius: var(--dz-radius-s); } .discuzx5 #ct .pmform .px { box-sizing: border-box; max-width: 100%; } .discuzx5 #ct :is(.pm_g, .pm_b, .pm_sd) { border-color: var(--dz-borderb); border-radius: var(--dz-radius-s); background: var(--dz-bgc); } .discuzx5 #ct .pm_b img { max-width: 100%; height: auto; } @media (max-width: 640px) { .discuzx5 #ct .pm_sd { float: none; width: auto; height: auto; margin-bottom: 12px; } .discuzx5 #ct .pm_mem_l { height: auto; max-height: 120px; } .discuzx5 #ct .pm_mn { margin-right: 0; } }
#wp:has(> #ct > .nfl #messagetext) { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; box-sizing: border-box; flex: 1; min-height: 0; --cdbao-message-gap: 24px;   padding: calc(var(--cdbao-message-gap) + var(--cdbao-message-shift-top, 0px)) 0 calc(var(--cdbao-message-gap) + var(--cdbao-message-shift-bottom, 0px)); } #ct:has(> .nfl #messagetext) { box-sizing: border-box; width: 100% !important; max-width: 620px; min-height: 0; margin: 0 auto; padding: 0; border: 0; background: transparent; } #ct:has(> .nfl #messagetext):has(#messagelogin) { max-width: 500px; } #ct:has(> .nfl #messagetext) > .nfl { min-height: 0; margin: 0; } #ct:has(> .nfl #messagetext) > .nfl > .f_c { box-sizing: border-box; width: 100%; margin: 0; padding: 24px; border: 1px solid var(--dz-borderb); border-radius: var(--dz-radius-m, 10px); background: var(--dz-bgf); box-shadow: none; } #ct:has(> .nfl #messagetext) :is(#messagetext, #main_succeed .alert_right) { position: relative; min-height: 28px; padding: 0 0 0 42px; border-radius: 0; background: transparent; font-size: 14px; font-weight: 400; line-height: 26px; white-space: normal; word-break: normal; overflow-wrap: anywhere; } #ct:has(> .nfl #messagetext) :is(#messagetext, #main_succeed .alert_right)::before { top: 0; left: 0; width: 28px; height: 28px; font-size: 28px; line-height: 28px; } #ct:has(> .nfl #messagetext) #messagetext p { margin: 0; word-break: normal; overflow-wrap: anywhere; }   #ct:has(> .nfl #messagetext) #messagetext + div:not(#messagelogin):has(> p > b) { margin-top: 16px; padding: 12px 16px; border: 1px solid var(--dz-borderb); border-radius: var(--dz-radius-s, 6px); background: var(--dz-bgc); font-size: 13px; line-height: 24px; word-break: normal; overflow-wrap: anywhere; } #ct:has(> .nfl #messagetext) #messagetext + div:not(#messagelogin):has(> p > b) p { margin: 0; } #ct:has(> .nfl #messagetext) #messagetext + div:not(#messagelogin):has(> p > b) b { display: inline-block; padding-top: 8px; color: var(--dz-fb); font-weight: 600; } #ct:has(> .nfl #messagetext) #messagetext + div:not(#messagelogin):has(> p > b) b:first-child { padding-top: 0; } #ct:has(> .nfl #messagetext) #messagetext p + p, #ct:has(> .nfl #messagetext) #main_succeed .alert_btnleft { margin-top: 8px; } #ct:has(> .nfl #messagetext) .alert_btnleft a { display: inline-block; color: var(--dz-nvbg, #0066ff); font-size: 13px; font-weight: 400; line-height: 24px; white-space: normal; word-break: normal; } @media (max-width: 640px) { #wp:has(> #ct > .nfl #messagetext) { --cdbao-message-gap: 16px; } #ct:has(> .nfl #messagetext) > .nfl > .f_c { padding: 18px; } }