/*
 * huyouxiong_mi_dark_a / Charcoal A
 * Loaded directly AFTER Discuz's generated CSS. No template placeholders.
 * All existing-page overrides are scoped to the resolved dark theme.
 */

/* The light theme retains its image login button and gains an accessible label. */
.comiis_dlan .hyx-login-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
}
.hyx-theme-control {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    float: right;
    margin-left: 12px;
    height: 28px;
    color: #666;
    font: 12px/1.5 "Microsoft YaHei", sans-serif;
    white-space: nowrap;
}
.hyx-theme-control select {
    box-sizing: border-box;
    width: 72px;
    height: 24px;
    margin: 0;
    padding: 1px 4px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    color: #444;
    font: inherit;
    cursor: pointer;
    box-shadow: none;
}
#toptb.comiis_toptb .hyx-theme-control { height: 38px; }
.comiis_nvlogin .hyx-theme-control { height: 50px; color: #ddd; }
.hyx-theme-control select:focus {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}
@media print {
    .hyx-theme-control { display: none !important; }
}

html[data-hyx-theme="dark"] {
    color-scheme: dark;
    --hyx-bg: #181818;
    --hyx-surface: #242424;
    --hyx-raised: #2b2b2b;
    --hyx-hover: #303030;
    --hyx-border: #383838;
    --hyx-text: #e6e6e6;
    --hyx-muted: #a3a3a3;
    --hyx-button-text: #181818;
    --hyx-thread-type-color: #e6e6e6;
    background: var(--hyx-bg) !important;
}
html[data-hyx-theme="dark"] body {
    background: var(--hyx-bg) !important;
    color: var(--hyx-text) !important;
}
html[data-hyx-theme="dark"] a { color: var(--hyx-text); }
html[data-hyx-theme="dark"] a:hover { color: #fff; }
html[data-hyx-theme="dark"] ::selection { background: #555; color: #fff; }
html[data-hyx-theme="dark"] .pipe { color: #666; }
html[data-hyx-theme="dark"] .xg1,
html[data-hyx-theme="dark"] .xg1 a,
html[data-hyx-theme="dark"] .xg2,
html[data-hyx-theme="dark"] .xg2 a,
html[data-hyx-theme="dark"] .bm_h .y,
html[data-hyx-theme="dark"] .bm_h .y a { color: var(--hyx-muted) !important; }
html[data-hyx-theme="dark"] .xi1,
html[data-hyx-theme="dark"] .xi1 a,
html[data-hyx-theme="dark"] .xi2,
html[data-hyx-theme="dark"] .xi2 a { color: var(--hyx-text) !important; }
html[data-hyx-theme="dark"] .rq,
html[data-hyx-theme="dark"] .error,
html[data-hyx-theme="dark"] .rfm .p_chk { color: #ffaaaa; }
/* Focus tips cover the validation text underneath; keep an opaque dark surface. */
html[data-hyx-theme="dark"] .rfm .p_tip,
html[data-hyx-theme="dark"] .rfm .p_chk { background: var(--hyx-surface) !important; }
html[data-hyx-theme="dark"] .rfm .p_tip { color: var(--hyx-muted); }

/* Header, navigation and footer (both configured header variants). */
html[data-hyx-theme="dark"] #hd,
html[data-hyx-theme="dark"] #hd .hdc,
html[data-hyx-theme="dark"] #pt,
html[data-hyx-theme="dark"] #mu {
    background: transparent !important;
    color: var(--hyx-text);
    border-color: var(--hyx-border) !important;
}
html[data-hyx-theme="dark"] #toptb,
html[data-hyx-theme="dark"] #toptb.comiis_toptb,
html[data-hyx-theme="dark"] #comiis_nv,
html[data-hyx-theme="dark"] #comiis_nv.comiis_nvs,
html[data-hyx-theme="dark"] .comiis_nvdiv,
html[data-hyx-theme="dark"] .comiis_nvbox,
html[data-hyx-theme="dark"] #nv,
html[data-hyx-theme="dark"] .comiis_footer,
html[data-hyx-theme="dark"] #ft {
    background: var(--hyx-surface) !important;
    border-color: var(--hyx-border) !important;
    color: var(--hyx-muted) !important;
}
html[data-hyx-theme="dark"] #toptb a,
html[data-hyx-theme="dark"] #um,
html[data-hyx-theme="dark"] #um a,
html[data-hyx-theme="dark"] #mu a,
html[data-hyx-theme="dark"] #ft a,
html[data-hyx-theme="dark"] .comiis_footer a,
html[data-hyx-theme="dark"] #comiis_key_menu a,
html[data-hyx-theme="dark"] #comiis_twtsc_type_menu li a,
html[data-hyx-theme="dark"] #scbar_hot a { color: var(--hyx-text) !important; }
html[data-hyx-theme="dark"] #comiis_nv li,
html[data-hyx-theme="dark"] #comiis_nv li.a,
html[data-hyx-theme="dark"] #nv li { background: none !important; }
html[data-hyx-theme="dark"] #comiis_nv li a,
html[data-hyx-theme="dark"] #nv li a {
    background: transparent !important;
    color: var(--hyx-text) !important;
}
html[data-hyx-theme="dark"] #comiis_nv li a:hover,
html[data-hyx-theme="dark"] #comiis_nv li.hover a,
html[data-hyx-theme="dark"] #nv li a:hover { background: var(--hyx-hover) !important; }
html[data-hyx-theme="dark"] #comiis_nv li.a a,
html[data-hyx-theme="dark"] #comiis_nv li.a a:hover,
html[data-hyx-theme="dark"] #nv li.a a {
    background: var(--hyx-text) !important;
    color: var(--hyx-button-text) !important;
}
html[data-hyx-theme="dark"] .comiis_copy {
    background: var(--hyx-bg) !important;
    color: var(--hyx-muted) !important;
}
html[data-hyx-theme="dark"] .comiis_copy a,
html[data-hyx-theme="dark"] .comiis_demail,
html[data-hyx-theme="dark"] .comiis_nvlogin,
html[data-hyx-theme="dark"] .hyx-theme-control { color: var(--hyx-muted); }
html[data-hyx-theme="dark"] #comiis_key_menu,
html[data-hyx-theme="dark"] #comiis_sousuo_menu,
html[data-hyx-theme="dark"] #qmenu_menu,
html[data-hyx-theme="dark"] #comiis_sg,
html[data-hyx-theme="dark"] .comiis_sml {
    background: var(--hyx-surface) !important;
    border-color: var(--hyx-border) !important;
    color: var(--hyx-text) !important;
}
html[data-hyx-theme="dark"] #comiis_key_menu .comiis_user_txt a,
html[data-hyx-theme="dark"] .comiis_smo { background: var(--hyx-hover) !important; }
html[data-hyx-theme="dark"] .comiis_demail,
html[data-hyx-theme="dark"] .fastlg_l,
html[data-hyx-theme="dark"] #comiis_key_menu .comiis_user_info,
html[data-hyx-theme="dark"] #comiis_key_menu .comiis_user_txt,
html[data-hyx-theme="dark"] #scbar_hot { border-color: var(--hyx-border) !important; }

/* Shared panels: forum, portal, member, home and stock fallback templates. */
html[data-hyx-theme="dark"] .bm,
html[data-hyx-theme="dark"] .bn,
html[data-hyx-theme="dark"] .appl,
html[data-hyx-theme="dark"] .ct2_a .mn,
html[data-hyx-theme="dark"] .ct2_a_r .mn,
html[data-hyx-theme="dark"] .ct3_a .mn,
html[data-hyx-theme="dark"] .ct3_a .sd,
html[data-hyx-theme="dark"] #nv_home #wp .ct1,
html[data-hyx-theme="dark"] .nfl .f_c,
html[data-hyx-theme="dark"] .waterfall li,
html[data-hyx-theme="dark"] .waterfall .c,
html[data-hyx-theme="dark"] #uhd,
html[data-hyx-theme="dark"] .card_gender_0,
html[data-hyx-theme="dark"] .card_gender_1,
html[data-hyx-theme="dark"] .card_gender_2,
html[data-hyx-theme="dark"] .comiis_main_l,
html[data-hyx-theme="dark"] .comiis_ibox,
html[data-hyx-theme="dark"] .comiis_izbox,
html[data-hyx-theme="dark"] .comiis_irbox,
html[data-hyx-theme="dark"] .comiis_bkbox,
html[data-hyx-theme="dark"] .comiis_bkbox_list,
html[data-hyx-theme="dark"] .comiis_iradbox,
html[data-hyx-theme="dark"] .comiis_irswfbox,
html[data-hyx-theme="dark"] .comiis_listinfo,
html[data-hyx-theme="dark"] .comiis_listinfo .topico,
html[data-hyx-theme="dark"] .comiis_viewbt,
html[data-hyx-theme="dark"] .comiis_viewbt .comiis_avt span,
html[data-hyx-theme="dark"] .comiis_vrx,
html[data-hyx-theme="dark"] .comiis_postlistreply .plhin,
html[data-hyx-theme="dark"] #postlistreply,
html[data-hyx-theme="dark"] #f_pst,
html[data-hyx-theme="dark"] .pl,
html[data-hyx-theme="dark"] .plc,
html[data-hyx-theme="dark"] #pt.comiis_vtpgt,
html[data-hyx-theme="dark"] .pg_post #postform #ct div.bm {
    background: var(--hyx-surface) !important;
    border-color: var(--hyx-border) !important;
    color: var(--hyx-text);
}
html[data-hyx-theme="dark"] .bm_h,
html[data-hyx-theme="dark"] .bmw .bm_h,
html[data-hyx-theme="dark"] .tl .th,
html[data-hyx-theme="dark"] .tl th,
html[data-hyx-theme="dark"] .dt th,
html[data-hyx-theme="dark"] .dt .alt,
html[data-hyx-theme="dark"] .dt .alt th,
html[data-hyx-theme="dark"] .dt .alt td,
html[data-hyx-theme="dark"] .sttl,
html[data-hyx-theme="dark"] .flb,
html[data-hyx-theme="dark"] .pm .flb,
html[data-hyx-theme="dark"] .pls,
html[data-hyx-theme="dark"] .comiis_snvbt,
html[data-hyx-theme="dark"] .comiis_cnxh h2,
html[data-hyx-theme="dark"] .comiis_bkbox_tab,
html[data-hyx-theme="dark"] .comiis_irbox_list,
html[data-hyx-theme="dark"] #category_grid h4,
html[data-hyx-theme="dark"] #uhd .tb,
html[data-hyx-theme="dark"] #flw_header .bar,
html[data-hyx-theme="dark"] .frame-title,
html[data-hyx-theme="dark"] .frametitle,
html[data-hyx-theme="dark"] .tab-title,
html[data-hyx-theme="dark"] .block .title {
    background: var(--hyx-raised) !important;
    border-color: var(--hyx-border) !important;
    color: var(--hyx-text) !important;
}
html[data-hyx-theme="dark"] .bm_h h2,
html[data-hyx-theme="dark"] .bm_h h3,
html[data-hyx-theme="dark"] .bm_h a,
html[data-hyx-theme="dark"] .flb em,
html[data-hyx-theme="dark"] .comiis_snvbt .z,
html[data-hyx-theme="dark"] .comiis_snvbt .z a,
html[data-hyx-theme="dark"] .comiis_viewbt .comiis_v_h2 h2,
html[data-hyx-theme="dark"] .comiis_viewbt .comiis_v_h2 h2 a,
html[data-hyx-theme="dark"] .comiis_infotit h1 a,
html[data-hyx-theme="dark"] .vw .ph,
html[data-hyx-theme="dark"] .vw .ph a,
html[data-hyx-theme="dark"] .frame-title a,
html[data-hyx-theme="dark"] .frametitle a,
html[data-hyx-theme="dark"] .block .title a,
html[data-hyx-theme="dark"] .comiis_irbox_list li a { color: var(--hyx-text) !important; }
html[data-hyx-theme="dark"] .tb,
html[data-hyx-theme="dark"] .tb a,
html[data-hyx-theme="dark"] .tb_h,
html[data-hyx-theme="dark"] .ttp a,
html[data-hyx-theme="dark"] .ttp strong,
html[data-hyx-theme="dark"] .tbn li,
html[data-hyx-theme="dark"] .tbn .mt,
html[data-hyx-theme="dark"] .comiis_ibox_tit,
html[data-hyx-theme="dark"] .comiis_irbox_tit,
html[data-hyx-theme="dark"] .comiis_brbox_info li,
html[data-hyx-theme="dark"] .comiis_wzview .vw .o,
html[data-hyx-theme="dark"] .tl td,
html[data-hyx-theme="dark"] .tl th,
html[data-hyx-theme="dark"] .dt td,
html[data-hyx-theme="dark"] .pi,
html[data-hyx-theme="dark"] .po,
html[data-hyx-theme="dark"] .pob,
html[data-hyx-theme="dark"] .comiis_postlist,
html[data-hyx-theme="dark"] .comiis_irbox_list li,
html[data-hyx-theme="dark"] .comiis_wzli,
html[data-hyx-theme="dark"] .comiis_wzpl,
html[data-hyx-theme="dark"] #comment_ul dl,
html[data-hyx-theme="dark"] .comiis_viewbt .comiis_viewbt_box,
html[data-hyx-theme="dark"] #pl_top,
html[data-hyx-theme="dark"] .comiis_cnxh,
html[data-hyx-theme="dark"] .comiis_bltx,
html[data-hyx-theme="dark"] .kmx,
html[data-hyx-theme="dark"] .kmxp,
html[data-hyx-theme="dark"] .kmtx,
html[data-hyx-theme="dark"] .bbda,
html[data-hyx-theme="dark"] .bbd,
html[data-hyx-theme="dark"] .btda,
html[data-hyx-theme="dark"] .btd,
html[data-hyx-theme="dark"] .ratl th,
html[data-hyx-theme="dark"] .fl_tb td,
html[data-hyx-theme="dark"] .pg_post #postform #ct div.bw0 { border-color: var(--hyx-border) !important; }
html[data-hyx-theme="dark"] .tb a,
html[data-hyx-theme="dark"] .ttp a,
html[data-hyx-theme="dark"] .ttp strong {
    background: var(--hyx-surface) !important;
    color: var(--hyx-muted);
}
html[data-hyx-theme="dark"] .tb .a a,
html[data-hyx-theme="dark"] .tb .current a,
html[data-hyx-theme="dark"] .ttp .a a,
html[data-hyx-theme="dark"] .tbn li.a,
html[data-hyx-theme="dark"] .tbn li.a a,
html[data-hyx-theme="dark"] .appl li:hover,
html[data-hyx-theme="dark"] .tbn a:hover,
html[data-hyx-theme="dark"] #uhd .tb .a a,
html[data-hyx-theme="dark"] .comiis_bkbox_tab li.kmon,
html[data-hyx-theme="dark"] .tl tr:hover td,
html[data-hyx-theme="dark"] .tl tr:hover th,
html[data-hyx-theme="dark"] .tl .new,
html[data-hyx-theme="dark"] .comiis_wzlist .wzon {
    background: var(--hyx-hover) !important;
    border-color: var(--hyx-border) !important;
    color: var(--hyx-text) !important;
}

/* Readable metadata and article text; explicit author formatting is retained. */
html[data-hyx-theme="dark"] .comiis_infotxt,
html[data-hyx-theme="dark"] .comiis_infotxt1,
html[data-hyx-theme="dark"] .comiis_postlist h2 .comiis_common span.comiis_hs,
html[data-hyx-theme="dark"] .comiis_postlist h2 .comiis_common span.comiis_hs a,
html[data-hyx-theme="dark"] .tl td .comiis_postlist p em,
html[data-hyx-theme="dark"] .tl td .comiis_postlist p em a,
html[data-hyx-theme="dark"] .comiis_viewbt .comiis_v_action,
html[data-hyx-theme="dark"] .comiis_viewbt .comiis_v_action a,
html[data-hyx-theme="dark"] .comiis_irbox_list li,
html[data-hyx-theme="dark"] .comiis_irbox_list li span,
html[data-hyx-theme="dark"] .comiis_irbox_user li span,
html[data-hyx-theme="dark"] .comiis_ibox_tit span,
html[data-hyx-theme="dark"] .comiis_ibox_tit span a,
html[data-hyx-theme="dark"] .comiis_irbox_tit span,
html[data-hyx-theme="dark"] .comiis_irbox_tit span a,
html[data-hyx-theme="dark"] .comiis_izbox .izboxtime,
html[data-hyx-theme="dark"] .comiis_izbox .izboxtime a,
html[data-hyx-theme="dark"] .comiis_brbox_info .txt,
html[data-hyx-theme="dark"] .comiis_wzli .wznr,
html[data-hyx-theme="dark"] .comiis_wzli .wztime,
html[data-hyx-theme="dark"] .comiis_wzli .wztime a,
html[data-hyx-theme="dark"] .comiis_wzview .vw .s,
html[data-hyx-theme="dark"] .comiis_wzview .vw .s strong,
html[data-hyx-theme="dark"] .comiis_wzview .vw .o,
html[data-hyx-theme="dark"] .comiis_wzview .vw .o a,
html[data-hyx-theme="dark"] #nv_portal .vw .pren em,
html[data-hyx-theme="dark"] #nv_portal .vw .pren em a,
html[data-hyx-theme="dark"] .kmptn .z,
html[data-hyx-theme="dark"] .kmptn .z a { color: var(--hyx-muted) !important; }
html[data-hyx-theme="dark"] .comiis_postlist h2 .comiis_common a:visited { color: #bdbdbd; }
html[data-hyx-theme="dark"] .comiis_postlist h2 .comiis_common span.comiis_tc,
html[data-hyx-theme="dark"] .comiis_postlist h2 .comiis_common span.comiis_tc a,
html[data-hyx-theme="dark"] .comiis_brbox_info .num,
html[data-hyx-theme="dark"] .comiis_wzli .wzbt span,
html[data-hyx-theme="dark"] .comiis_wzv_tx .yhm,
html[data-hyx-theme="dark"] .comiis_izbox_hot .kmnr,
html[data-hyx-theme="dark"] .comiis_izbox .izboxnr,
html[data-hyx-theme="dark"] #article_content,
html[data-hyx-theme="dark"] .t_f { color: var(--hyx-text) !important; }
html[data-hyx-theme="dark"] #article_content a,
html[data-hyx-theme="dark"] .t_f a {
    color: #d0d0d0;
    text-decoration: underline;
    text-underline-offset: 2px;
}
html[data-hyx-theme="dark"] .comiis_izbox li,
html[data-hyx-theme="dark"] .comiis_izbox_x { background-image: none !important; }
html[data-hyx-theme="dark"] .auth > .xg1 ~ a,
html[data-hyx-theme="dark"] .pi strong a,
html[data-hyx-theme="dark"] .comiis_viewbt .comiis_v_h2 .km1,
html[data-hyx-theme="dark"] .comiis_viewbt .comiis_v_action .km1,
html[data-hyx-theme="dark"] .comiis_postlist h2 .tdpre {
    background: var(--hyx-hover) !important;
    color: var(--hyx-text) !important;
}
html[data-hyx-theme="dark"] .quote,
html[data-hyx-theme="dark"] .blockcode,
html[data-hyx-theme="dark"] .locked,
html[data-hyx-theme="dark"] .attach_nopermission,
html[data-hyx-theme="dark"] .vw .s,
html[data-hyx-theme="dark"] .pstatus,
html[data-hyx-theme="dark"] .card .mgc {
    background: var(--hyx-raised) !important;
    color: var(--hyx-text);
    border-color: var(--hyx-border) !important;
}
html[data-hyx-theme="dark"] .quote blockquote { background-image: none !important; }
html[data-hyx-theme="dark"] .attach_nopermission div,
html[data-hyx-theme="dark"] .t_table,
html[data-hyx-theme="dark"] .t_table td,
html[data-hyx-theme="dark"] .t_table th { border-color: var(--hyx-border) !important; }
html[data-hyx-theme="dark"] hr.l {
    background: var(--hyx-border) !important;
    color: var(--hyx-border);
}

/* Form controls, login, quick reply and editor chrome. */
html[data-hyx-theme="dark"] .px,
html[data-hyx-theme="dark"] .pt,
html[data-hyx-theme="dark"] .ps,
html[data-hyx-theme="dark"] textarea,
html[data-hyx-theme="dark"] select,
html[data-hyx-theme="dark"] input[type="text"],
html[data-hyx-theme="dark"] input[type="password"],
html[data-hyx-theme="dark"] input[type="search"],
html[data-hyx-theme="dark"] input[type="email"],
html[data-hyx-theme="dark"] input[type="number"],
html[data-hyx-theme="dark"] input[type="url"],
html[data-hyx-theme="dark"] .ftid a,
html[data-hyx-theme="dark"] .edt iframe {
    background: var(--hyx-bg) !important;
    border-color: var(--hyx-border) !important;
    color: var(--hyx-text) !important;
    box-shadow: none !important;
    caret-color: var(--hyx-text);
}
html[data-hyx-theme="dark"] input::placeholder,
html[data-hyx-theme="dark"] textarea::placeholder { color: var(--hyx-muted); opacity: 1; }
html[data-hyx-theme="dark"] input:-webkit-autofill {
    -webkit-text-fill-color: var(--hyx-text);
    -webkit-box-shadow: 0 0 0 1000px var(--hyx-bg) inset !important;
}
html[data-hyx-theme="dark"] input[type="checkbox"],
html[data-hyx-theme="dark"] input[type="radio"] { accent-color: #d0d0d0; }
html[data-hyx-theme="dark"] .edt,
html[data-hyx-theme="dark"] .tedt {
    border-color: var(--hyx-border) !important;
    background: var(--hyx-bg) !important;
}
html[data-hyx-theme="dark"] .edt .area,
html[data-hyx-theme="dark"] .tedt .area { background: var(--hyx-bg) !important; }
html[data-hyx-theme="dark"] .edt .btn,
html[data-hyx-theme="dark"] .edt .b1r,
html[data-hyx-theme="dark"] .edt .b2r,
html[data-hyx-theme="dark"] .edt .bar a { border-color: var(--hyx-border) !important; }
/* Keep the stock icon positions, with a readable monochrome sprite. */
html[data-hyx-theme="dark"] .edt .b1r a:not(.cst),
html[data-hyx-theme="dark"] .edt .b2r a:not(.dp):not(.cst),
html[data-hyx-theme="dark"] .fpd a {
    background-image: url("../img/editor_dark.png?v=20261010h") !important;
    color: var(--hyx-text);
}
html[data-hyx-theme="dark"] .edt .bar a:hover,
html[data-hyx-theme="dark"] .edt .bar a.hover {
    background-color: var(--hyx-hover) !important;
    border-color: var(--hyx-muted) !important;
}
html[data-hyx-theme="dark"] .edt .b2r a.dp,
html[data-hyx-theme="dark"] .edt .cst,
html[data-hyx-theme="dark"] #e_simple,
html[data-hyx-theme="dark"] #e_fullswitcher {
    background: var(--hyx-raised) !important;
    color: var(--hyx-text) !important;
    border-color: var(--hyx-border) !important;
}
html[data-hyx-theme="dark"] .edt .b2r a.dp { position: relative; }
html[data-hyx-theme="dark"] .edt .b2r a.dp::after {
    content: "";
    position: absolute;
    top: 8px;
    right: 4px;
    border: 3px solid transparent;
    border-top-color: var(--hyx-muted);
}
html[data-hyx-theme="dark"] .edt .bar,
html[data-hyx-theme="dark"] .edt .bbar,
html[data-hyx-theme="dark"] .tedt .bar,
html[data-hyx-theme="dark"] #scbar,
html[data-hyx-theme="dark"] #scform_tb {
    background: var(--hyx-raised) !important;
    border-color: var(--hyx-border) !important;
    color: var(--hyx-muted);
}
html[data-hyx-theme="dark"] .edt .bbar a,
html[data-hyx-theme="dark"] .tedt .bar a,
html[data-hyx-theme="dark"] #scform_tb a { color: var(--hyx-text) !important; }
html[data-hyx-theme="dark"] #comiis_twtsc {
    background: var(--hyx-bg) !important;
    outline: 1px solid var(--hyx-border);
}
/* The original navigation search icon is part of a light background sprite. */
html[data-hyx-theme="dark"] #comiis_twtsc_btn {
    position: relative;
    background: var(--hyx-bg) !important;
    color: var(--hyx-text) !important;
}
html[data-hyx-theme="dark"] #comiis_twtsc_btn::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border: 1.5px solid currentColor;
    border-radius: 50%;
    top: 6px;
    left: 8px;
}
html[data-hyx-theme="dark"] #comiis_twtsc_btn::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 1.5px;
    background: currentColor;
    transform: rotate(45deg);
    top: 16px;
    left: 16px;
}
html[data-hyx-theme="dark"] #scform_form,
html[data-hyx-theme="dark"] .td_srchtxt,
html[data-hyx-theme="dark"] .td_srchbtn,
html[data-hyx-theme="dark"] #scform_srchtxt,
html[data-hyx-theme="dark"] #scform_submit,
html[data-hyx-theme="dark"] .scform_icon,
html[data-hyx-theme="dark"] .scform_txt,
html[data-hyx-theme="dark"] .scform_btn {
    background-color: var(--hyx-bg) !important;
    background-image: none !important;
    color: var(--hyx-text) !important;
    border-color: var(--hyx-border) !important;
}
html[data-hyx-theme="dark"] #scform_form { border: 1px solid var(--hyx-border); }
html[data-hyx-theme="dark"] #scform_tb a {
    background: none !important;
    box-sizing: border-box;
    border-bottom: 2px solid transparent;
}
html[data-hyx-theme="dark"] #scform_tb a.a { border-bottom-color: var(--hyx-text); }
/* Discuz normally hides this button and draws its label in the parent sprite. */
html[data-hyx-theme="dark"] #scform_submit { opacity: 1; filter: none; }
html[data-hyx-theme="dark"] #scform_srchtxt:focus {
    outline: 1px solid #777;
    outline-offset: -1px;
}

/* Text buttons and pagination. Decorative image buttons use dark PNG twins. */
html[data-hyx-theme="dark"] .pn,
html[data-hyx-theme="dark"] .pnc,
html[data-hyx-theme="dark"] .pn em,
html[data-hyx-theme="dark"] .pn strong,
html[data-hyx-theme="dark"] .pn span,
html[data-hyx-theme="dark"] .pn em a,
html[data-hyx-theme="dark"] .pn strong a,
html[data-hyx-theme="dark"] #pl_top a.pn,
html[data-hyx-theme="dark"] #fastpostsubmit,
html[data-hyx-theme="dark"] #f_pst .pnpost #fastpostsubmit,
html[data-hyx-theme="dark"] #commentsubmit_btn.pn,
html[data-hyx-theme="dark"] .flw_replybox .pnc,
html[data-hyx-theme="dark"] .tb .o a,
html[data-hyx-theme="dark"] #ct .comiis_brbox_fatie a,
html[data-hyx-theme="dark"] #vfastpost .comiis_vfastpost .kmvfbtn,
html[data-hyx-theme="dark"] .comiis_irbox_rmhd dd a,
html[data-hyx-theme="dark"] #scform_submit {
    background: var(--hyx-text) !important;
    color: var(--hyx-button-text) !important;
    border-color: var(--hyx-text) !important;
    text-shadow: none !important;
}
html[data-hyx-theme="dark"] .pn:disabled { opacity: .55; cursor: not-allowed; }
html[data-hyx-theme="dark"] .comiis_dlan .hyx-login-label {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
    clip-path: none;
    background: transparent !important;
    color: var(--hyx-button-text) !important;
}
html[data-hyx-theme="dark"] .pn:not(:disabled):hover,
html[data-hyx-theme="dark"] .pn:not(:disabled):hover strong,
html[data-hyx-theme="dark"] .pn:not(:disabled):hover em,
html[data-hyx-theme="dark"] #ct .comiis_brbox_fatie a:hover,
html[data-hyx-theme="dark"] .comiis_irbox_rmhd dd a:hover {
    background: #fff !important;
    color: #181818 !important;
}
html[data-hyx-theme="dark"] .pg a,
html[data-hyx-theme="dark"] .pg label,
html[data-hyx-theme="dark"] .pgb a,
html[data-hyx-theme="dark"] .pgbtn a,
html[data-hyx-theme="dark"] .card .o a,
html[data-hyx-theme="dark"] #p_btn a,
html[data-hyx-theme="dark"] #p_btn a i,
html[data-hyx-theme="dark"] .comiis_izbox_more a {
    background: var(--hyx-raised) !important;
    color: var(--hyx-text) !important;
    border-color: var(--hyx-border) !important;
}
html[data-hyx-theme="dark"] .pg strong,
html[data-hyx-theme="dark"] .pg a:hover,
html[data-hyx-theme="dark"] .pgb a:hover,
html[data-hyx-theme="dark"] .card .o a:hover,
html[data-hyx-theme="dark"] .comiis_izbox_more a:hover {
    background: var(--hyx-text) !important;
    color: var(--hyx-button-text) !important;
    border-color: var(--hyx-text) !important;
}
/* The stock long next-page link has a one-pixel white drop shadow. */
html[data-hyx-theme="dark"] .pgbtn a { box-shadow: none !important; }
html[data-hyx-theme="dark"] #scrolltop {
    width: 44px;
    background: transparent !important;
    border: 0 !important;
    overflow: visible;
}
html[data-hyx-theme="dark"] #scrolltop a {
    position: relative;
    display: grid;
    place-items: center;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    padding: 0;
    margin-top: 8px;
    border: 1px solid #454545 !important;
    border-top-color: #555 !important;
    border-radius: 9px;
    background: linear-gradient(#303030, #242424) !important;
    color: var(--hyx-text) !important;
    text-indent: 0 !important;
    overflow: visible;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .3), inset 0 1px rgba(255, 255, 255, .04);
    transition: border-color .15s, box-shadow .15s;
}
html[data-hyx-theme="dark"] #scrolltop a:hover,
html[data-hyx-theme="dark"] #scrolltop a:focus-visible {
    background: linear-gradient(#3a3a3a, #303030) !important;
    border-color: #686868 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .4), inset 0 1px rgba(255, 255, 255, .06);
}
html[data-hyx-theme="dark"] #scrolltop a:focus-visible { outline: 2px solid #bdbdbd; outline-offset: 3px; }
html[data-hyx-theme="dark"] #scrolltop a::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: center / 24px 24px no-repeat;
}
html[data-hyx-theme="dark"] #scrolltop .scrolltopa::before { background-image: url("../img/ui-top.svg?v=20261010h"); }
html[data-hyx-theme="dark"] #scrolltop .replyfast::before { background-image: url("../img/ui-reply.svg?v=20261010h"); }
html[data-hyx-theme="dark"] #scrolltop .returnlist::before { background-image: url("../img/ui-list.svg?v=20261010h"); }
html[data-hyx-theme="dark"] #scrolltop .returnboard::before { background-image: url("../img/ui-board.svg?v=20261010h"); }
/* Retain the existing labels, links and click handlers for accessibility. */
html[data-hyx-theme="dark"] #scrolltop a b {
    visibility: visible;
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
}
html[data-hyx-theme="dark"] #scrolltop a::after {
    content: attr(title);
    /* The original b element supplies the accessible name. */
    content: attr(title) / "";
    position: absolute;
    top: 50%;
    right: calc(100% + 10px);
    transform: translateY(-50%);
    padding: 6px 10px;
    border: 1px solid #484848;
    border-radius: 5px;
    background: #2b2b2b;
    color: var(--hyx-text);
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
}
html[data-hyx-theme="dark"] #scrolltop a:hover::after,
html[data-hyx-theme="dark"] #scrolltop a:focus-visible::after { opacity: 1; }

/* Fill the former padded cover area while preserving its configured height. */
html[data-hyx-theme] .waterfall .c {
    box-sizing: border-box;
    padding: 0;
}
html[data-hyx-theme] .waterfall .c > a {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
html[data-hyx-theme] .waterfall .c img,
html[data-hyx-theme] .waterfall .c .nopic {
    display: block;
    width: 100% !important;
    height: calc(var(--hyx-thumb-height, 160px) + 20px) !important;
    max-width: 100%;
    margin: 0 auto;
}
html[data-hyx-theme] .waterfall .c img {
    object-fit: cover;
    object-position: center;
}
html[data-hyx-theme] #waterfall .auth { padding-top: 10px; }
/* Picture-mode title/author strips and the moderator checkbox wrapper. */
html[data-hyx-theme="dark"] .waterfall h3,
html[data-hyx-theme="dark"] .waterfall .auth,
html[data-hyx-theme="dark"] #waterfall li > div:not(.c):not(.auth) {
    background: var(--hyx-surface) !important;
    border-color: var(--hyx-border) !important;
    color: var(--hyx-muted);
}
html[data-hyx-theme="dark"] .waterfall .auth > a { color: var(--hyx-muted); }
html[data-hyx-theme="dark"] .waterfall h3 a { color: var(--hyx-text); }
html[data-hyx-theme="dark"] .waterfall h3 .sum {
    background: var(--hyx-hover) !important;
    color: var(--hyx-text) !important;
}
/* Selected SVG option A: identical image geometry in both colour schemes. */
html[data-hyx-theme] .waterfall .c .nopic {
    display: block;
    margin: 0 auto;
    background: #f7f7f7 url("../img/no_cover_light.svg?v=20261010h") no-repeat center / 80px 80px !important;
    border-radius: 0;
}
html[data-hyx-theme="dark"] .waterfall .c .nopic {
    background-color: var(--hyx-raised) !important;
    background-image: url("../img/no_cover_dark.svg?v=20261010h") !important;
}

/* Text keeps a 10px content inset; hover changes only the card borders. */
html[data-hyx-theme] #waterfall { --hyx-gallery-hover-border: #c8c8c8; }
html[data-hyx-theme="dark"] #waterfall { --hyx-gallery-hover-border: #505050; }
html[data-hyx-theme] #waterfall .auth > a {
    padding: 0;
    background: transparent !important;
    border-radius: 0;
}
html[data-hyx-theme] #waterfall .c img,
html[data-hyx-theme] #waterfall .c img:hover {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    transition: none;
}
html[data-hyx-theme] #waterfall > li,
html[data-hyx-theme] #waterfall > li > .c,
html[data-hyx-theme] #waterfall > li > .auth {
    transition: border-color .16s ease;
}
html[data-hyx-theme] #waterfall > li:hover,
html[data-hyx-theme] #waterfall > li:hover > .c,
html[data-hyx-theme] #waterfall > li:hover > .auth,
html[data-hyx-theme] #waterfall > li:focus-within,
html[data-hyx-theme] #waterfall > li:focus-within > .c,
html[data-hyx-theme] #waterfall > li:focus-within > .auth {
    border-color: var(--hyx-gallery-hover-border) !important;
}
@media (prefers-reduced-motion: reduce) {
    html[data-hyx-theme] #waterfall > li,
    html[data-hyx-theme] #waterfall > li > .c,
    html[data-hyx-theme] #waterfall > li > .auth { transition: none; }
}

/* Forum navigation: expanded groups, favourites and the selected forum. */
html[data-hyx-theme="dark"] .bdl,
html[data-hyx-theme="dark"] .bdl dl,
html[data-hyx-theme="dark"] .bdl dl.a,
html[data-hyx-theme="dark"] .bdl dt {
    background: var(--hyx-surface) !important;
    color: var(--hyx-text);
    border-color: var(--hyx-border) !important;
}
html[data-hyx-theme="dark"] #sd_bdl .bdl_h,
html[data-hyx-theme="dark"] #sd_bdl .mbn {
    background: var(--hyx-raised) !important;
    border-color: var(--hyx-border) !important;
    color: var(--hyx-text);
}
html[data-hyx-theme="dark"] .bdl_fav { border-color: var(--hyx-border) !important; }
html[data-hyx-theme="dark"] .bdl dt a,
html[data-hyx-theme="dark"] .bdl dd a {
    position: relative;
    background: none !important;
    color: var(--hyx-muted);
}
html[data-hyx-theme="dark"] .bdl dt a { padding-left: 2px; color: var(--hyx-text); }
html[data-hyx-theme="dark"] .bdl dt a::after {
    content: "";
    position: absolute;
    top: 13px;
    right: 4px;
    width: 6px;
    height: 6px;
    border-right: 1.5px solid var(--hyx-muted);
    border-bottom: 1.5px solid var(--hyx-muted);
    transform: rotate(-45deg);
}
html[data-hyx-theme="dark"] .bdl dl.a dt a::after { transform: rotate(45deg); top: 11px; }
html[data-hyx-theme="dark"] .bdl dd a { border-radius: 4px; }
html[data-hyx-theme="dark"] .bdl dd a::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 16px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #777;
}
html[data-hyx-theme="dark"] .bdl dd.bdl_a a,
html[data-hyx-theme="dark"] .bdl dd a:hover,
html[data-hyx-theme="dark"] .bdl dt a:hover {
    background: var(--hyx-hover) !important;
    color: var(--hyx-text) !important;
}
html[data-hyx-theme="dark"] .bdl dd.bdl_a a { box-shadow: inset 2px 0 #bdbdbd; }
html[data-hyx-theme="dark"] .bdl dd.bdl_a a::before { background: #d0d0d0; }

/* Resting forum tiles blend into the panel; retain the existing hover effect. */
html[data-hyx-theme="dark"] .fl .fl_tb .comiis_fl_g {
    border: 1px solid transparent !important;
    border-radius: 9px;
    background: transparent !important;
    box-shadow: none;
    transition: border-color .15s, box-shadow .15s;
}
html[data-hyx-theme="dark"] .fl .fl_tb .fl_g:not(:last-child) .comiis_fl_g { margin-right: 10px; }
html[data-hyx-theme="dark"] .fl .fl_tb .fl_g:hover .comiis_fl_g,
html[data-hyx-theme="dark"] .fl .fl_tb .kmshover .comiis_fl_g {
    background: linear-gradient(180deg, #343434, #2b2b2b) !important;
    border-color: #606060 !important;
    border-top-color: #757575 !important;
    box-shadow: 0 5px 12px rgba(0, 0, 0, .35), inset 0 1px rgba(255, 255, 255, .055);
}
html[data-hyx-theme="dark"] .fl .fl_tb h2 a,
html[data-hyx-theme="dark"] .fl .fl_tb .fl_g dt a { color: var(--hyx-text) !important; }
html[data-hyx-theme="dark"] .fl .fl_tb p,
html[data-hyx-theme="dark"] .fl .fl_tb p a,
html[data-hyx-theme="dark"] .fl .fl_tb .fl_g dd,
html[data-hyx-theme="dark"] .fl .fl_tb .fl_g dd a,
html[data-hyx-theme="dark"] .fl .fl_tb .fl_by,
html[data-hyx-theme="dark"] .fl .fl_tb .fl_by a { color: var(--hyx-muted) !important; }
html[data-hyx-theme="dark"] .fl .fl_tb h2 a:hover,
html[data-hyx-theme="dark"] .fl .fl_tb .fl_g dt a:hover { color: #fff !important; }
html[data-hyx-theme="dark"] .fl_icn img,
html[data-hyx-theme="dark"] .fl_icn_g img {
    border-color: #484848 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
}
html[data-hyx-theme] img[data-hyx-forum-icon] {
    width: 80px;
    height: 80px;
    min-width: 0;
    padding: 0;
    border: 0 !important;
    border-radius: 4px;
    background: transparent !important;
    box-shadow: none;
}

/* Author avatar rim, grouped counters and secondary profile actions. */
html[data-hyx-theme="dark"] .pls .avatar img,
html[data-hyx-theme="dark"] .avtm img {
    background: linear-gradient(#383838, #262626) !important;
    border-color: #505050 !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .3), inset 0 1px rgba(255, 255, 255, .05);
}
html[data-hyx-theme="dark"] .pls .tns,
html[data-hyx-theme="dark"] .bui .tns,
html[data-hyx-theme="dark"] .comiis_lzinfo .tns {
    background: linear-gradient(#292929, #242424) !important;
    border: 1px solid var(--hyx-border);
    border-radius: 8px;
    box-shadow: inset 0 1px rgba(255, 255, 255, .03);
}
html[data-hyx-theme="dark"] .tns th,
html[data-hyx-theme="dark"] .tns td,
html[data-hyx-theme="dark"] .tns th a,
html[data-hyx-theme="dark"] .tns td a {
    background: transparent !important;
    border-color: var(--hyx-border) !important;
    color: var(--hyx-muted) !important;
}
html[data-hyx-theme="dark"] .tns th p,
html[data-hyx-theme="dark"] .tns td p,
html[data-hyx-theme="dark"] .tns th p a,
html[data-hyx-theme="dark"] .tns td p a,
html[data-hyx-theme="dark"] .pls .pi .authi a { color: var(--hyx-text) !important; }
html[data-hyx-theme="dark"] .pls .comiis_o li a {
    background: var(--hyx-hover) !important;
    color: var(--hyx-text) !important;
    border-radius: 5px;
    box-shadow: inset 0 0 0 1px #484848;
}
html[data-hyx-theme="dark"] .pls .comiis_o li a:hover { background: #3a3a3a !important; }
html[data-hyx-theme="dark"] .pls .pbg2 { background: #383838 !important; }
html[data-hyx-theme="dark"] .pls .pbr2 { background: #a3a3a3 !important; }

/* User-group permission tables: normal rows, alternating rows and selection. */
html[data-hyx-theme="dark"] #nv_home .tdat,
html[data-hyx-theme="dark"] #nv_home .tdat th,
html[data-hyx-theme="dark"] #nv_home .tdat td {
    background: var(--hyx-surface) !important;
    border-color: var(--hyx-border) !important;
    color: var(--hyx-text);
}
html[data-hyx-theme="dark"] #nv_home .tdat .alt,
html[data-hyx-theme="dark"] #nv_home .tdat .alt th,
html[data-hyx-theme="dark"] #nv_home .tdat .alt td,
html[data-hyx-theme="dark"] #nv_home .tdats .h th {
    background: var(--hyx-raised) !important;
    border-color: var(--hyx-border) !important;
    color: var(--hyx-muted);
}
html[data-hyx-theme="dark"] #nv_home .tdats .tfx th,
html[data-hyx-theme="dark"] #nv_home .tdats .tfx td,
html[data-hyx-theme="dark"] #nv_home .tdats .tfxf th,
html[data-hyx-theme="dark"] #nv_home .tdats .tfxf td { background: #2d2d2d !important; }
html[data-hyx-theme="dark"] #nv_home .tdats .tfx .alt th,
html[data-hyx-theme="dark"] #nv_home .tdats .tfx .alt td,
html[data-hyx-theme="dark"] #nv_home .tdats .tfxf .alt th,
html[data-hyx-theme="dark"] #nv_home .tdats .tfxf .alt td { background: #333 !important; }
html[data-hyx-theme="dark"] #nv_home .tdats .c0 { background: transparent !important; }
html[data-hyx-theme="dark"] #nv_home .tdats .c0 h4,
html[data-hyx-theme="dark"] #nv_home .tdats #c1,
html[data-hyx-theme="dark"] #nv_home .tdats #c2,
html[data-hyx-theme="dark"] #nv_home .tdats #c3,
html[data-hyx-theme="dark"] #nv_home .tdats #c4 {
    background: linear-gradient(#464646, #353535) !important;
    border-color: #565656 !important;
    color: var(--hyx-text) !important;
}

/* Friends: the bar below the tabs, friend cards and group selection. */
html[data-hyx-theme="dark"] #nv_home .tbmu,
html[data-hyx-theme="dark"] #nv_home .tbms,
html[data-hyx-theme="dark"] #nv_home .buddy li {
    background-color: var(--hyx-raised) !important;
    border-color: var(--hyx-border) !important;
    color: var(--hyx-muted);
}
html[data-hyx-theme="dark"] #nv_home .tbmu a,
html[data-hyx-theme="dark"] #nv_home .buddy h4 > a { color: var(--hyx-text); }
html[data-hyx-theme="dark"] #nv_home .buddy .note,
html[data-hyx-theme="dark"] #nv_home .buddy .maxh { color: var(--hyx-muted); }
html[data-hyx-theme="dark"] #nv_home .buddy li { border-radius: 7px; }
html[data-hyx-theme="dark"] #nv_home .buddy li:hover,
html[data-hyx-theme="dark"] #nv_home .buddy li.a,
html[data-hyx-theme="dark"] #nv_home .buddy_group li.a {
    background-color: var(--hyx-hover) !important;
    border-color: #505050 !important;
}
html[data-hyx-theme="dark"] #nv_home .buddy .avt img {
    background: var(--hyx-hover) !important;
    border-color: #484848 !important;
}
html[data-hyx-theme="dark"] #nv_home .buddy_group li { border-color: var(--hyx-border) !important; }
@media (prefers-reduced-motion: reduce) {
    html[data-hyx-theme="dark"] #scrolltop a,
    html[data-hyx-theme="dark"] .fl .fl_tb .comiis_fl_g { transition: none; }
}

/* AJAX dialogs, user cards, dropdowns and notices share the page palette. */
html[data-hyx-theme="dark"] .fwinmask,
html[data-hyx-theme="dark"] .m_c,
html[data-hyx-theme="dark"] .tm_c,
html[data-hyx-theme="dark"] .p_pop,
html[data-hyx-theme="dark"] .p_pof,
html[data-hyx-theme="dark"] .sllt,
html[data-hyx-theme="dark"] .sltm,
html[data-hyx-theme="dark"] .p_pop.card,
html[data-hyx-theme="dark"] #icoImg_image_menu,
html[data-hyx-theme="dark"] .pm,
html[data-hyx-theme="dark"] .pm .pm_c {
    background: var(--hyx-surface) !important;
    color: var(--hyx-text) !important;
    border-color: var(--hyx-border) !important;
    box-shadow: none;
}
html[data-hyx-theme="dark"] .p_pop a,
html[data-hyx-theme="dark"] .p_pof a,
html[data-hyx-theme="dark"] .sllt a { color: var(--hyx-text); border-color: var(--hyx-border) !important; }
html[data-hyx-theme="dark"] .sltm li { color: var(--hyx-text); }
html[data-hyx-theme="dark"] .sltm li:hover,
html[data-hyx-theme="dark"] .sltm li.current {
    background: var(--hyx-hover);
    color: #fff;
}
html[data-hyx-theme="dark"] .p_pop a:hover,
html[data-hyx-theme="dark"] .p_pof a:hover,
html[data-hyx-theme="dark"] .sllt a:hover {
    background-color: var(--hyx-hover) !important;
    color: #fff !important;
}
html[data-hyx-theme="dark"] .fwinmask .m_c .o,
html[data-hyx-theme="dark"] .fwinmask .tpcl li { border-color: var(--hyx-border) !important; }
html[data-hyx-theme="dark"] .m_c .o,
html[data-hyx-theme="dark"] .m_c .fsb,
html[data-hyx-theme="dark"] .tm_c .o {
    background: var(--hyx-raised) !important;
    border-color: var(--hyx-border) !important;
    color: var(--hyx-text);
}
html[data-hyx-theme="dark"] .tip,
html[data-hyx-theme="dark"] .comiis_divtis,
html[data-hyx-theme="dark"] .comiis_an #an,
html[data-hyx-theme="dark"] #g_upmine,
html[data-hyx-theme="dark"] .notice {
    background-color: var(--hyx-raised) !important;
    border-color: var(--hyx-border) !important;
    color: var(--hyx-text) !important;
}
html[data-hyx-theme="dark"] .tip .tip_horn { border-top-color: var(--hyx-border); }

/* Inbox hover/unread states and the AJAX private-message window. */
html[data-hyx-theme="dark"] .pml .newpm { background: var(--hyx-raised) !important; }
html[data-hyx-theme="dark"] .pml dl:hover,
html[data-hyx-theme="dark"] .pml dl.hover { background: var(--hyx-hover) !important; }
html[data-hyx-theme="dark"] .pm .c,
html[data-hyx-theme="dark"] .pm .pmb,
html[data-hyx-theme="dark"] .pm .pmfm,
html[data-hyx-theme="dark"] .m_c form[id^="pmform_"] > .c,
html[data-hyx-theme="dark"] .pmfrndl,
html[data-hyx-theme="dark"] .pm_sd,
html[data-hyx-theme="dark"] .pm_b {
    background: var(--hyx-surface) !important;
    color: var(--hyx-text);
    border-color: var(--hyx-border) !important;
}
html[data-hyx-theme="dark"] .pm .pm_tac,
html[data-hyx-theme="dark"] .pm .pmd,
html[data-hyx-theme="dark"] .un_selector span,
html[data-hyx-theme="dark"] .pm_g {
    background: var(--hyx-raised) !important;
    color: var(--hyx-text);
    border-color: var(--hyx-border) !important;
    box-shadow: none;
}
html[data-hyx-theme="dark"] .pm .pmm .pmd { background: var(--hyx-hover) !important; }
html[data-hyx-theme="dark"] .pm .pmt {
    background: var(--hyx-raised) !important;
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
}
html[data-hyx-theme="dark"] .pm .pmm .pmt {
    background: var(--hyx-hover) !important;
    clip-path: polygon(0 0, 100% 100%, 0 100%);
}
html[data-hyx-theme="dark"] .pm .flb em {
    background: none;
    text-shadow: none;
}
html[data-hyx-theme="dark"] .pmfrndl a { color: var(--hyx-text); }
html[data-hyx-theme="dark"] .pmfrndl a:hover,
html[data-hyx-theme="dark"] .pmfrndl a.a {
    background: var(--hyx-hover) !important;
    color: #fff;
}
html[data-hyx-theme="dark"] .un_selector .x {
    background: none !important;
    color: var(--hyx-text);
    text-indent: 0;
    font-size: 0;
}
html[data-hyx-theme="dark"] .un_selector .x::before {
    content: "\00d7";
    display: block;
    font-size: 14px;
    text-align: center;
}
html[data-hyx-theme="dark"] #selBox { border-color: var(--hyx-border); }

/* Credit-page plugin links and the stock card option use explicit light colours. */
html[data-hyx-theme="dark"] .creditl a,
html[data-hyx-theme="dark"] .creditl a font { color: var(--hyx-text) !important; }
html[data-hyx-theme="dark"] .creditl a:hover,
html[data-hyx-theme="dark"] .creditl a:hover font { color: #fff !important; }
html[data-hyx-theme="dark"] #apitype_card + label {
    background: var(--hyx-raised) !important;
    color: var(--hyx-text) !important;
    border-color: var(--hyx-border) !important;
}
html[data-hyx-theme="dark"] #apitype_card:checked + label,
html[data-hyx-theme="dark"] #apitype_card + label:hover {
    background: var(--hyx-hover) !important;
    border-color: #777 !important;
}

/* Shared special-post, moderator and credit-filter forms. */
html[data-hyx-theme="dark"] .exfm {
    background: var(--hyx-raised) !important;
    border-color: var(--hyx-border) !important;
    color: var(--hyx-text);
}
html[data-hyx-theme="dark"] .exfm .sinf { border-color: var(--hyx-border); }
html[data-hyx-theme="dark"] #calendar,
html[data-hyx-theme="dark"] #calendar_year,
html[data-hyx-theme="dark"] #calendar_year .col,
html[data-hyx-theme="dark"] #calendar_month {
    background: var(--hyx-surface) !important;
    color: var(--hyx-text);
    border-color: var(--hyx-border) !important;
}
html[data-hyx-theme="dark"] #calendar td { border-color: var(--hyx-border); }
html[data-hyx-theme="dark"] #calendar a,
html[data-hyx-theme="dark"] #calendar .calendar_default,
html[data-hyx-theme="dark"] #calendar .calendar_today { color: var(--hyx-text); }
html[data-hyx-theme="dark"] #calendar .calendar_expire,
html[data-hyx-theme="dark"] #calendar .calendar_expire a { color: var(--hyx-muted); }
html[data-hyx-theme="dark"] #calendar .calendar_checked,
html[data-hyx-theme="dark"] #calendar .calendar_checked a {
    background: var(--hyx-hover);
    color: #fff;
}

/* Data-table stripes must also override the cells, not just their row. */
html[data-hyx-theme="dark"] .dt,
html[data-hyx-theme="dark"] .dt td {
    background: var(--hyx-surface) !important;
    color: var(--hyx-text);
    border-color: var(--hyx-border) !important;
}

/* Announcement and statistics section headings retain their collapse controls. */
html[data-hyx-theme="dark"] .umh {
    padding: 8px 12px;
    border: 1px solid var(--hyx-border);
    border-radius: 4px;
    background: var(--hyx-raised) !important;
    color: var(--hyx-text);
}
html[data-hyx-theme="dark"] .umh h2,
html[data-hyx-theme="dark"] .umh h3,
html[data-hyx-theme="dark"] .umh .umh_cb {
    background: transparent !important;
    color: var(--hyx-text);
}
html[data-hyx-theme="dark"] .umh h2,
html[data-hyx-theme="dark"] .umh h3 { position: relative; }
html[data-hyx-theme="dark"] .umh h2[onclick]::after,
html[data-hyx-theme="dark"] .umh h3[onclick]::after {
    content: "";
    position: absolute;
    right: 0;
    top: 6px;
    width: 6px;
    height: 6px;
    border-right: 1.5px solid var(--hyx-muted);
    border-bottom: 1.5px solid var(--hyx-muted);
    transform: rotate(45deg);
}
html[data-hyx-theme="dark"] .umn h2[onclick]::after,
html[data-hyx-theme="dark"] .umn h3[onclick]::after { transform: rotate(-45deg); top: 8px; }
html[data-hyx-theme="dark"] .umh h3 a { color: var(--hyx-text); }
html[data-hyx-theme="dark"] .umh h2 em,
html[data-hyx-theme="dark"] .umh h3 em,
html[data-hyx-theme="dark"] .umh h3 span { color: var(--hyx-muted); }
html[data-hyx-theme="dark"] .um,
html[data-hyx-theme="dark"] .mdcp .bbs { border-color: var(--hyx-border) !important; }

/* Guide and profile thread lists use th for subjects, not only table headings. */
html[data-hyx-theme="dark"] .pg_guide .tl td,
html[data-hyx-theme="dark"] .pg_guide .tl th,
html[data-hyx-theme="dark"] .pg_space .tl td,
html[data-hyx-theme="dark"] .pg_space .tl th { background: var(--hyx-surface) !important; }
html[data-hyx-theme="dark"] .pg_guide .tl tr:hover td,
html[data-hyx-theme="dark"] .pg_guide .tl tr:hover th,
html[data-hyx-theme="dark"] .pg_space .tl tr:hover td,
html[data-hyx-theme="dark"] .pg_space .tl tr:hover th { background: var(--hyx-hover) !important; }
html[data-hyx-theme="dark"] .pg_guide .tl .th,
html[data-hyx-theme="dark"] .pg_guide .tl .th td,
html[data-hyx-theme="dark"] .pg_guide .tl .th th,
html[data-hyx-theme="dark"] .pg_guide .tl .th:hover td,
html[data-hyx-theme="dark"] .pg_guide .tl .th:hover th,
html[data-hyx-theme="dark"] .pg_space .tl .th,
html[data-hyx-theme="dark"] .pg_space .tl .th td,
html[data-hyx-theme="dark"] .pg_space .tl .th th,
html[data-hyx-theme="dark"] .pg_space .tl .th:hover td,
html[data-hyx-theme="dark"] .pg_space .tl .th:hover th { background: var(--hyx-raised) !important; }
html[data-hyx-theme="dark"] .pg_guide .tl_reply {
    background: none !important;
    border-left: 2px solid #505050;
}

/* Blog body and list excerpts inherit readable defaults; authored colours survive. */
html[data-hyx-theme="dark"] #blog_article,
html[data-hyx-theme="dark"] [id^="blog_article_"] { color: var(--hyx-text); }
html[data-hyx-theme="dark"] #blog_article a,
html[data-hyx-theme="dark"] [id^="blog_article_"] a {
    color: #d0d0d0;
    text-decoration: underline;
    text-underline-offset: 2px;
}
html[data-hyx-theme="dark"] .pg_space .vw .h,
html[data-hyx-theme="dark"] .pg_space .vw .o { border-color: var(--hyx-border) !important; }

/* Registration terms are copied into a generic dialog without fwinmask. */
html[data-hyx-theme="dark"] .pg_register #layer_bbrule .c,
html[data-hyx-theme="dark"] .pg_register #fwin_dialog .m_c > .c,
html[data-hyx-theme="dark"] .pg_register .clause {
    background: var(--hyx-surface) !important;
    color: var(--hyx-text);
    border-color: var(--hyx-border) !important;
}

/* Front-end moderator actions also use a separate sprite-backed panel. */
html[data-hyx-theme="dark"] #mdly,
html[data-hyx-theme="dark"] #toolbardiv {
    background: var(--hyx-surface) !important;
    color: var(--hyx-text);
    border: 1px solid var(--hyx-border);
}
html[data-hyx-theme="dark"] #mdly { border-radius: 6px; box-shadow: 0 3px 8px rgba(0, 0, 0, .3); }
html[data-hyx-theme="dark"] #mdly a,
html[data-hyx-theme="dark"] #mdly h6 strong,
html[data-hyx-theme="dark"] #mdly.cpd #mdct { color: var(--hyx-text); }
html[data-hyx-theme="dark"] #mdly .cp::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 12px;
    width: 7px;
    height: 7px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(-135deg);
}
html[data-hyx-theme="dark"] #togglediv { background: var(--hyx-raised); border-color: #606060; }

/* HYX_DIY_BEGIN: also included in the supplied DIY import copies. */
html[data-hyx-theme="dark"] #nv_forum .area .frame,
html[data-hyx-theme="dark"] #nv_forum .area .block,
html[data-hyx-theme="dark"] #nv_portal .area .frame,
html[data-hyx-theme="dark"] #nv_portal .area .block {
    background: var(--hyx-surface, #242424) !important;
    color: var(--hyx-text, #e6e6e6);
    border-color: var(--hyx-border, #383838) !important;
}
html[data-hyx-theme="dark"] #nv_forum .area .column,
html[data-hyx-theme="dark"] #nv_portal .area .column,
html[data-hyx-theme="dark"] .kmltjx ul,
html[data-hyx-theme="dark"] .kmltjx li { border-color: var(--hyx-border, #383838) !important; }
html[data-hyx-theme="dark"] #nv_forum .area .blocktitle,
html[data-hyx-theme="dark"] #nv_portal .area .blocktitle {
    background: var(--hyx-raised, #2b2b2b) !important;
    color: var(--hyx-text, #e6e6e6) !important;
    border-color: var(--hyx-border, #383838) !important;
}
html[data-hyx-theme="dark"] #nv_forum .area .titletext,
html[data-hyx-theme="dark"] #nv_portal .area .titletext,
html[data-hyx-theme="dark"] .comiis_izbox .izboxnr > a,
html[data-hyx-theme="dark"] .kmltjx li > a,
html[data-hyx-theme="dark"] .kmltjx li span.hot {
    color: var(--hyx-text, #e6e6e6) !important;
}
html[data-hyx-theme="dark"] .kmltjx li > span,
html[data-hyx-theme="dark"] .comiis_izbox_img li span a,
html[data-hyx-theme="dark"] .comiis_irbox_wj ul p,
html[data-hyx-theme="dark"] .comiis_irbox_user em a,
html[data-hyx-theme="dark"] .comiis_player01 ul li a em {
    color: var(--hyx-muted, #a3a3a3) !important;
}
html[data-hyx-theme="dark"] .comiis_izbox .izboxnr { color: #bdbdbd !important; }
html[data-hyx-theme="dark"] .comiis_izbox_img li h3 a,
html[data-hyx-theme="dark"] .comiis_irbox_wj ul a,
html[data-hyx-theme="dark"] .comiis_irbox_xy li a,
html[data-hyx-theme="dark"] .comiis_irbox_user li > a,
html[data-hyx-theme="dark"] #comiis_ibox_link a { color: var(--hyx-text, #e6e6e6); }
html[data-hyx-theme="dark"] .comiis_izbox_img li span a:hover,
html[data-hyx-theme="dark"] .comiis_izbox .izboxnr > a:hover,
html[data-hyx-theme="dark"] .kmltjx li > a:hover { color: #fff !important; }
html[data-hyx-theme="dark"] .comiis_gdyq a { background: #666 !important; }
html[data-hyx-theme="dark"] .comiis_gdyq a.on { background: #d0d0d0 !important; }
/* HYX_DIY_END */

/* Personal-space pages load extra styles after header_common. */
html[data-hyx-theme="dark"] body#space #hd,
html[data-hyx-theme="dark"] body#space #ct,
html[data-hyx-theme="dark"] body#space .block,
html[data-hyx-theme="dark"] body#space .blocktitle,
html[data-hyx-theme="dark"] body#space .blocktitle span {
    background: var(--hyx-surface) !important;
    color: var(--hyx-text) !important;
    border-color: var(--hyx-border) !important;
}
html[data-hyx-theme="dark"] body#space #hd a,
html[data-hyx-theme="dark"] body#space .block a,
html[data-hyx-theme="dark"] body#space .blocktitle a,
html[data-hyx-theme="dark"] body#space .comiis_footer a { color: var(--hyx-text) !important; }