/* =====================================================================
   mymd-unified.css — mymd.html 风格统一样式（全站通用版）
   由 mymd-opt.css 派生：去除 body.dark 前缀限制，dark 与非 dark 主题均生效
   加载顺序：注入于页面原有样式表之后，同优先级下后者覆盖
   ===================================================================== */

/* ---------- 公共基础样式（与 mymd.html 原内联样式一致） ---------- */
.infoview div {
    margin-bottom: 20px;
}
.divGltfAll, .divDrawGltf {
    height: 30px;
    width: 130px;
}
.changeDiv {
    position: absolute;
    top: 20px;
}
.commonDrawGltf {
    position: absolute;
    top: 140px;
}
.commonDrawGltf div {
    margin-bottom: 20px;
}
.gltfPullDown {
    position: absolute;
    top: 80px;
    width: 300px;
    height: calc(100% - 200px);
    overflow: hidden;
    border: 1px solid rgba(0, 102, 255, 0.568);
    border-radius: 5px;
    background-color: #353e488e;
}
.pullDown select {
    height: 30px;
    width: 90%;
    margin-left: 12px;
    color: white;
    border-radius: 5px;
    background: none;
    line-height: 35px;
}
.gltfPullDown select option {
    background-color: #353e488e;
    height: 25px;
    color: white;
}
.gltfPullDown select :hover {
    background-color: gray;
}
.gltfImg {
    width: 112%;
    height: 95%;
    margin-left: -23px;
    overflow-x: hidden;
    overflow-y: auto;
}
.gltfImg li {
    display: inline-block;
    margin-right: 25px;
    width: 100px;
    text-align: center;
    padding-bottom: 10px;
}
.gltfImg img {
    width: 105px;
    height: 90px;
    border: 1.5px solid white;
}
input::placeholder {
    color: #ededed !important;
}
.fixed-table-header {
    margin: 0px !important;
}
body .layerdemo {
    border-radius: 10px;
}
body .layerdemo .layui-layer-title {
    border-radius: 10px 10px 0 0;
}
.fixed-table-container tbody .selected td {
    background-color: #3f4854a9 !important;
}

/* ---------- 界面美化：面板 ---------- */
.infoview {
    background: rgba(30, 36, 46, 0.88);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
    padding: 12px 14px;
    color: #e8eaed;
}
.infoview div {
    margin-bottom: 12px;
}
.infoview div:last-child {
    margin-bottom: 0;
}

/* 表格面板 */
.mars-table {
    width: 100%;
    border-collapse: collapse;
}
.mars-table td {
    padding: 6px 8px;
    font-size: 13px;
    color: #e8eaed;
    vertical-align: middle;
}
.mars-table tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.mars-table tr:last-child {
    border-bottom: none;
}

/* ---------- 界面美化：按钮 ---------- */
.btn {
    border: none;
    border-radius: 8px;
    padding: 6px 14px;
    font-size: 13px;
    line-height: 1.5;
    margin: 2px 3px;
    cursor: pointer;
    transition: transform 0.12s ease, box-shadow 0.12s ease, opacity 0.12s ease;
}
.btn:active {
    transform: scale(0.95);
}
.btn-primary {
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    color: #fff;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.35);
}
.btn-primary:hover {
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.5);
}
.btn-danger {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: #fff;
}
.btn-warning {
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: #fff;
}
.btn[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
    box-shadow: none;
}

/* ---------- 界面美化：输入控件 ---------- */
.form-control,
input[type="text"],
input[type="number"] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    color: #fff;
    padding: 6px 10px;
    font-size: 13px;
    outline: none;
    transition: border-color 0.15s ease;
}
.form-control:focus,
input[type="text"]:focus,
input[type="number"]:focus {
    border-color: #3b82f6;
}
select.form-control,
.selectpicker {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    color: #fff;
    padding: 5px 8px;
}
select.form-control option {
    background: #2b313c;
    color: #fff;
}

/* ---------- 界面美化：底部工具栏 ---------- */
#toolbarsxcj {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 6px 10px;
}
#toolbarsxcj input[type="button"] {
    flex: 0 1 auto;
    white-space: nowrap;
}

/* ---------- 界面美化：图层面板 ---------- */
.gltfPullDown {
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(30, 36, 46, 0.88);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.pullDown select {
    margin-top: 8px;
    border: 1px solid rgba(255, 255, 255, 0.15);
}
.gltfImg img {
    border-radius: 6px;
}

/* ---------- 界面美化：树控件与表格控件 ---------- */
.ztree {
    font-size: 13px;
}
#listTable {
    font-size: 12.5px;
}

/* ---------- 移动端适配（wap 模板） ---------- */
@media (max-width: 768px) {
    .infoview {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        width: calc(100% - 20px) !important;
        height: auto !important;
        max-height: 55vh;
        overflow-y: auto;
        margin: 8px 10px;
    }
    /* 主面板：手机上占满底部工具栏以上的空间，内容多时在面板内部滚动 */
    #toolbarmkop {
        max-height: calc(100vh - 80px);
        margin-bottom: 68px;
    }
    #toolbarsxcj {
        position: fixed !important;
        left: 0 !important;
        top: auto !important;
        bottom: 0 !important;
        width: 100% !important;
        height: auto !important;
        margin: 0;
        border-radius: 0;
        z-index: 900;
        background: rgba(30, 36, 46, 0.95);
    }
    #toolbarsxcj input[type="button"] {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        flex: 1;
        width: auto !important;
    }
    .mars-table input[type="text"].form-control,
    .mars-table input[readonly].form-control {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
    }
    .gltfPullDown {
        width: calc(100% - 20px) !important;
        height: auto !important;
        max-height: 40vh;
    }
}

/* =====================================================================
   动态效果（全站统一）
   ===================================================================== */

/* ---------- 入场：面板依次浮现 ---------- */
@keyframes ivFadeUp {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}
.infoview {
    animation: ivFadeUp 0.4s ease both;
}
.infoview:nth-of-type(2) { animation-delay: 0.06s; }
.infoview:nth-of-type(3) { animation-delay: 0.12s; }

/* ---------- 按钮：悬停浮起 + 光晕，按压回弹 ---------- */
.btn {
    transition: transform 0.12s ease, box-shadow 0.12s ease, opacity 0.12s ease, background-color 0.15s ease;
}
.btn:hover {
    transform: translateY(-1px);
}
.btn-primary:hover {
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.5);
}
.btn-danger:hover {
    box-shadow: 0 6px 16px rgba(220, 38, 38, 0.5);
}
.btn-warning:hover {
    box-shadow: 0 6px 16px rgba(217, 119, 6, 0.5);
}
.btn:active {
    transform: scale(0.95);
}
.btn[disabled]:hover {
    transform: none;
    box-shadow: none;
}

/* ---------- 输入控件：聚焦光晕 ---------- */
.form-control:focus,
input[type="text"]:focus,
input[type="number"]:focus {
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25);
}

/* ---------- 表格行：悬停高亮 ---------- */
.mars-table tbody tr {
    transition: background-color 0.15s ease;
}
.mars-table tbody tr:hover td {
    background: rgba(255, 255, 255, 0.04);
}

/* ---------- 模型缩略图：悬停放大 ---------- */
.gltfImg img {
    transition: transform 0.18s ease, border-color 0.18s ease;
}
.gltfImg img:hover {
    transform: scale(1.05);
    border-color: #3b82f6;
}

/* ---------- 下拉面板：展开渐显 ---------- */
@keyframes gltfFadeIn {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}
.gltfPullDown {
    animation: gltfFadeIn 0.25s ease both;
}

/* =====================================================================
   通用按钮/链接动效（覆盖 wap 前台各类按钮）
   ===================================================================== */

/* ---------- 按钮类元素：悬停浮起 + 按压回弹 ---------- */
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.Btn,
.fan-btn,
.yugejiaoy,
.xianzjiaoy,
.zcj-yes,
.zcj-no {
    transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover,
.Btn:hover,
.fan-btn:hover,
.yugejiaoy:hover,
.xianzjiaoy:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
button:active,
.Btn:active,
.fan-btn:active,
.yugejiaoy:active,
.xianzjiaoy:active,
.zcj-yes:active,
.zcj-no:active {
    transform: scale(0.95);
    opacity: 0.85;
}

/* ---------- 链接：触摸/点击反馈 ---------- */
a {
    transition: color 0.15s ease, opacity 0.15s ease, transform 0.15s ease, background-color 0.15s ease;
}
a:active {
    opacity: 0.7;
}

/* ---------- 图片型按钮：悬停放大 ---------- */
a > img {
    transition: transform 0.18s ease, filter 0.18s ease;
}
a:hover > img {
    transform: scale(1.05);
}
a:active > img {
    transform: scale(0.95);
}
/* =====================================================================
   wap dark-theme unify (auto-generated: flip white containers / dark text)
   ===================================================================== */

/* page background: non-dark pages get dark gradient */
body:not(.dark) {
    background: linear-gradient(160deg, #0f172a 0%, #1e293b 60%, #0b1220) fixed !important;
    color: #e8eaed;
}

/* inline white background fallback (attribute selectors) */
[style*="background-color:WHITE"], [style*="background-color:white"], [style*="background-color:White"],
[style*="background-color:#fff"], [style*="background-color:#FFF"], [style*="background-color:#FFFFFF"],
[style*="background-color:#ffffff"], [style*="background-color:#f5f5f5"], [style*="background-color:#F5F5F5"],
[style*="background-color:#FBF8EF"], [style*="background:WHITE"], [style*="background:white"],
[style*="background:#fff"], [style*="background:#FFF"], [style*="background:#FFFFFF"],
[style*="background:#ffffff"], [style*="background:#FBF8EF"] {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

#p1 li a {
    color: #e8eaed !important;
}

#p1 ul {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

#wrapper {
    background-color: rgba(30, 36, 46, 0.88) !important;
    color: #e8eaed !important;
}

#wrapper li .p24 {
    color: #b0b8c4 !important;
}

#wrapper li p {
    color: #e8eaed !important;
}

#wrapper1 {
    color: #e8eaed !important;
}

#wrapper1 li .p24 {
    color: #b0b8c4 !important;
}

#wrapper1 li p {
    color: #e8eaed !important;
}

.acco_con_up p {
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #b0b8c4 !important;
}

.acco_con_up p span {
    color: #e8eaed !important;
}

.acco_con_upa {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.acco_con_upa h3 {
    color: #b0b8c4 !important;
}

.accordion-handle h4 p {
    color: #b0b8c4 !important;
}

.accordion-handle h4 p span {
    color: #b0b8c4 !important;
}

.accordion-handle h4 p.accmrp {
    color: #e8eaed !important;
}

.add_bank_add_gr {
    background-color: rgba(30, 36, 46, 0.88) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.add_gr_b10 {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.addCard {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.addCard a {
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #e8eaed !important;
}

.annal_ul {
    background-color: rgba(30, 36, 46, 0.88) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.annal_ul .annal_ul_l .annal_p p {
    color: #e8eaed !important;
}

.annal_ul .annal_ul_r .annal_p p {
    color: #e8eaed !important;
}

.annalW p {
    color: #e8eaed !important;
}

.annalWa p {
    color: #b0b8c4 !important;
}

.annDe_h2 {
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #e8eaed !important;
}

.AnnouncementDetails {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.AnnouncementDetails_de {
    color: #e8eaed !important;
}

.ansel_input {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.ansel_ul {
    color: #e8eaed !important;
}

.bg96 {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.bgff {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.big_width100 {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.br-b {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.br-t {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.buy_aminy h4 {
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #b0b8c4 !important;
}

.buy_gaomai {
    background-color: rgba(30, 36, 46, 0.88) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.buy_gaomai li {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.buy_gaomai li .buy_li_gol p {
    color: #e8eaed !important;
}

.buy_gaomai li .buy_li_gol p span {
    color: #b0b8c4 !important;
}

.buy_inde_dangq {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.buy_inde_dangq ul li p {
    color: #e8eaed !important;
}

.buy_inde_dangq ul li p span {
    color: #b0b8c4 !important;
}

.buy_quexiant {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.buy_Wpayzu .buy_Wpayzu_z {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.buyChecked {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.cardInfo p {
    color: #e8eaed !important;
}

.cen_icon ul li {
    background-color: rgba(30, 36, 46, 0.88) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.cen_icon ul li p {
    color: #e8eaed !important;
}

.centBalance .Balance p {
    color: #e8eaed !important;
}

.chooseCurrency {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.chooseCurrency_l .pay_list_c1 {
    color: #e8eaed !important;
}

.chooseCurrency_r input {
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #e8eaed !important;
}

.dis_biz {
    background-color: rgba(30, 36, 46, 0.88) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.dis_biz_copa p {
    color: #e8eaed !important;
}

.dis_biz_copa span {
    color: #b0b8c4 !important;
}

.dis_biz_copb p {
    color: #e8eaed !important;
}

.dis_biz_copb span {
    color: #b0b8c4 !important;
}

.dis_biz_wp {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.dis_biz_wp .Dbiz_titie p {
    color: #e8eaed !important;
}

.downa ul {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.downa ul li {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.downa ul li a {
    color: #e8eaed !important;
}

.duihuanjif {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.duihuanjif p {
    color: #e8eaed !important;
}

.duoyyquedqux a {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.duoyyquedqux p {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.dyyyinwzwen .dyyyinw {
    color: #e8eaed !important;
}

.dyyyinwzwen p {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.dyyyinwzwen span {
    color: #e8eaed !important;
}

.exe_prompt p {
    color: #b0b8c4 !important;
}

.fill_sty {
    background-color: rgba(30, 36, 46, 0.88) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.fill_sty input {
    color: #e8eaed !important;
}

.fill_sty input=[placeholder] {
    color: #b0b8c4 !important;
}

.fill_sty p {
    color: #e8eaed !important;
}

.fill_styaa {
    background-color: rgba(30, 36, 46, 0.88) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.fill_styaa input {
    color: #e8eaed !important;
}

.fill_styaa input=[placeholder] {
    color: #b0b8c4 !important;
}

.fill_styaa p {
    color: #b0b8c4 !important;
}

.ftc_wzsf {
    color: #e8eaed !important;
    /* 解除旧样式表(float.css / meCen.css / zhifu.css)的 max-width:640px 钳制：
       否则 PC / 宽窗口下遮罩只盖住左侧 640px，面板与数字键盘也会整体偏左 */
    max-width: none !important;
}

.genggao li {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.genggao li a .gonggao_l h2 {
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #e8eaed !important;
}

.genggao li a .gonggao_l h2 span {
    color: #b0b8c4 !important;
}

.genggao li a .gonggao_l p {
    color: #e8eaed !important;
}

.haveCard {
    background-color: rgba(30, 36, 46, 0.88) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.haveCard .bdingcard {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.haveCard .bdingcard a h4 {
    color: #b0b8c4 !important;
}

.haveCard .bdingcard a p {
    color: #b0b8c4 !important;
}

.input_box input {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.investment_title div {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.jiaoyjis {
    color: #e8eaed !important;
}

.label_check {
    color: #b0b8c4 !important;
}

.line_h20 {
    color: #b0b8c4 !important;
}

.mm_box li {
    background-color: rgba(30, 36, 46, 0.88) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.mm_box li.mmdd {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.more {
    color: #e8eaed !important;
}

.myBankCard {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.myBankCard .yhxx p {
    color: #e8eaed !important;
}

.myBankCard_snac a {
    color: #b0b8c4 !important;
}

.nic_xiu {
    background-color: rgba(30, 36, 46, 0.88) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.nic_xiu input {
    color: #e8eaed !important;
}

.nic_xiu input=[placeholder] {
    color: #b0b8c4 !important;
}

.nub_ggg li a {
    color: #e8eaed !important;
}

.numb_box {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.opinion {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.opinion textarea {
    color: #e8eaed !important;
}

.pay_list_c1 p {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.pay_list_c1 span {
    color: #e8eaed !important;
}

.po_up_p {
    color: #b0b8c4 !important;
}

.progress {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.qrCodeGro {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.qrCodeGro p {
    color: #e8eaed !important;
}

.qsrzfmm_bt span {
    color: #e8eaed !important;
}

.reveal-modal {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.reveal-modal h1 {
    color: #e8eaed !important;
}

.scroller {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.scrollera {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.scrollera ul li {
    background-color: rgba(30, 36, 46, 0.88) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.scrollera ul li .dig_re_p {
    color: #b0b8c4 !important;
}

.scrollera ul li p {
    color: #e8eaed !important;
}

.sell_annal_ul {
    background-color: rgba(30, 36, 46, 0.88) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.sell_annal_ul .sell_annal_ul_l .sell_annal_p p {
    color: #b0b8c4 !important;
}

.sell_annal_ul .sell_annal_ul_l .sell_annal_p p span {
    color: #e8eaed !important;
}

.sell_annal_ul .sell_annal_ul_r p {
    color: #b0b8c4 !important;
}

.sell_annal_ul .sell_annal_ul_r p span {
    color: #e8eaed !important;
}

.sell_chus p {
    color: #b0b8c4 !important;
}

.setlistbox ul {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.setlistbox ul li a p {
    color: #e8eaed !important;
}

.sett_tuic a {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.sett_uid_xy p {
    color: #e8eaed !important;
}

.sett_xiug {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.sett_xiug .sett_x_l p {
    color: #e8eaed !important;
}

.sett_xiug .sett_x_r p {
    color: #b0b8c4 !important;
}

.share_ul {
    background-color: rgba(30, 36, 46, 0.88) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.share_ul .share_ul_l p {
    color: #b0b8c4 !important;
}

.share_ul .share_ul_l p span {
    color: #e8eaed !important;
}

.shijin {
    color: #b0b8c4 !important;
}

.spxx_shop {
    background-color: rgba(30, 36, 46, 0.88) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.tab-content h4, .accordion-content h4 {
    color: #e8eaed !important;
}

.tips {
    color: #b0b8c4 !important;
}

.turn_exe_annal th {
    color: #e8eaed !important;
}

.turn_exe_annal tr {
    background-color: rgba(30, 36, 46, 0.88) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.turn_exe_annal tr td {
    color: #e8eaed !important;
}

.turnAmount {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.undone_order {
    background-color: rgba(30, 36, 46, 0.88) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.undone_OT_l, .undone_OT_r {
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #e8eaed !important;
}

.upload {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.uploadbtn {
    color: #e8eaed !important;
}

.wpaeyzic .dizhi {
    color: #e8eaed !important;
}

.wpaeyzic_fz {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.wpaeyzic_fz p {
    color: #e8eaed !important;
}

.wpaeyzic_title p {
    color: #b0b8c4 !important;
}

.wpaeyzic_title p span {
    color: #e8eaed !important;
}

.wpzicicon li p {
    color: #b0b8c4 !important;
}

.wpzicicon_buy {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.wpzicicon_buy li p {
    color: #b0b8c4 !important;
}

.wtreas_order_titel {
    background-color: rgba(30, 36, 46, 0.88) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.wtreas_order_titel .wundone_OT_l {
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #e8eaed !important;
}

.xiange_titel {
    color: #b0b8c4 !important;
}

.xiange_titel .xe_pl {
    color: #b0b8c4 !important;
}

.xiange_titel .xe_pl input {
    color: #e8eaed !important;
}

.xiange_titel .xe_pl span {
    color: #e8eaed !important;
}

.xiange_titel .xe_pr {
    color: #b0b8c4 !important;
}

.yugejil p {
    color: #e8eaed !important;
}

.z_alert {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.z_alert p:nth-child(2) span {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.z_cancel {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.zcweikais {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.zcweikais_mid ul li p {
    color: #b0b8c4 !important;
}

.zcweikais_mid ul li p span {
    color: #e8eaed !important;
}

.zwshj {
    color: #b0b8c4 !important;
}

.zySearch {
    background-color: rgba(30, 36, 46, 0.88) !important;
}

.zySearch .search-input {
    color: #b0b8c4 !important;
}

a {
    color: #e8eaed !important;
}

/* User center pages (wen.css) dark unify */
.user-top {
    background: rgba(30, 36, 46, 0.88) !important;
    box-shadow: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.vip-set {
    background: rgba(30, 36, 46, 0.88) !important;
    color: #58a6ff !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.setlistbox {
    background: transparent !important;
}
.loginout a {
    background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.35);
    transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}
.loginout a:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.5);
}
.loginout a:active {
    transform: scale(0.96);
    opacity: 0.9;
}

/* login/register/getpsw form pages (login.css + inline form-bg) dark unify */
.form-bg .form-horizontal {
    background: rgba(30, 36, 46, 0.88) !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}
.form-bg .form-horizontal .heading {
    color: #e8eaed;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.form-bg .form-horizontal .form-control {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #ffffff;
}
.form-bg .form-horizontal .form-control:focus {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25);
}
.form-bg .form-horizontal .form-group i {
    color: #6b7686;
}
.form-bg .form-horizontal .form-control:focus + i {
    color: #3b82f6;
}
.form-bg .form-horizontal .fa-question-circle {
    color: #6b7686;
}
.form-bg .form-horizontal .btn {
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    color: #fff;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.35);
}
.form-bg .formrgister .input_box p,
.form-bg .form-horizontal p {
    color: #9aa4b2;
}
/* gold buttons -> unified blue gradient */
.inde-btn button {
    background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
    color: #fff !important;
    border: none;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.35);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.inde-btn button:active {
    transform: scale(0.96);
    opacity: 0.9;
}
.input_box .phone-code input {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #fff !important;
}
.input_box .phone-code a {
    background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.35);
}
.input_box .input-code input {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #fff !important;
}
/* green extra buttons -> subtle dark */
.extra_btn a {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(59, 130, 246, 0.5);
    color: #58a6ff !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.extra_btn a:active {
    transform: scale(0.96);
}

/* form-bg pages: rem blow-up fix (wide screen) + remaining white inputs */
.form-bg .input_box {
    margin-top: 14px !important;
}
.form-bg .input_box input {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 21px !important;
    color: #ffffff !important;
    font-size: 15px !important;
    padding: 10px 0 !important;
    margin-top: 10px !important;
}
.form-bg .input_box input:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25);
}
.form-bg .phone-code {
    margin-top: 10px !important;
}
.form-bg .phone-code input {
    height: 42px !important;
    margin-top: 0 !important;
    padding: 0 0 0 20px !important;
    border-radius: 21px 0 0 21px !important;
    box-sizing: border-box;
}
.form-bg .phone-code a {
    height: 42px !important;
    margin-top: 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 42px !important;
    white-space: nowrap;
    display: block;
    text-align: center;
    border-radius: 0 21px 21px 0 !important;
}
.form-bg .input-code {
    margin-top: 10px !important;
}
.form-bg .input-code input {
    height: 42px !important;
    margin: 0 !important;
}
.form-bg .input-code img {
    height: 42px !important;
}

/* MUI framework pages dark unify (selecttrn / zttools / sheets / ztshenpi) */
.mui-bar-nav {
    background: rgba(15, 23, 42, 0.95) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: none !important;
}
.mui-bar-nav .mui-title {
    color: #e8eaed !important;
}
.mui-bar-nav .mui-icon,
.mui-bar-nav a {
    color: #9aa4b2 !important;
}
.mui-content {
    background: transparent !important;
}
.mui-btn.mui-btn-outlined,
.mui-btn-block.m-btn-more-prod {
    background: rgba(30, 36, 46, 0.88) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #e8eaed !important;
    border-radius: 12px;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.mui-btn.mui-btn-outlined:active,
.mui-btn-block.m-btn-more-prod:active {
    transform: scale(0.97);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.mui-table-view {
    background: rgba(30, 36, 46, 0.88) !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    margin: 12px 16px 0;
}
.mui-table-view:before,
.mui-table-view:after {
    height: 0 !important;
}
.mui-table-view-cell {
    border-color: rgba(255, 255, 255, 0.06) !important;
}
.mui-table-view-cell:after {
    background: rgba(255, 255, 255, 0.06) !important;
}
.mui-table-view-cell.mui-active {
    background: rgba(255, 255, 255, 0.05) !important;
}
.mui-media-body,
.mui-table-view-cell a,
.mui-table-view-cell p {
    color: #e8eaed !important;
}
.m-prod-icon img {
    transition: transform 0.15s ease;
}
.m-prod-icon:active img {
    transform: scale(0.94);
}
.mui-grid-view.mui-grid-9 {
    background: transparent !important;
}

/* wap common header (.header in style.css) -> dark glass, all bg96 pages */
body:not(.dark) .header {
    background: rgba(15, 23, 42, 0.95) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
body:not(.dark) .header .header_c h2 {
    color: #e8eaed !important;
}
body:not(.dark) .header .header_r a {
    color: #9aa4b2 !important;
}
/* exchange buttons teal/green -> unified blue gradient */
.buttonGeoup .not_next,
.buttonGeoup .exchange {
    background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
    color: #fff !important;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.35);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.buttonGeoup .not_next:hover,
.buttonGeoup .exchange:hover {
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.5);
}
.buttonGeoup .not_next:active,
.buttonGeoup .exchange:active {
    transform: scale(0.97);
}
/* exchange section glass card */
body:not(.dark) .duihuanjif {
    background: rgba(30, 36, 46, 0.88) !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    margin: 12px 16px 0;
    width: auto !important;
    overflow: hidden;
}
body:not(.dark) .duihuanjif p {
    color: #e8eaed !important;
}
body:not(.dark) .fill_sty {
    background: transparent !important;
    width: auto !important;
}
body:not(.dark) .fill_sty_bor {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}
body:not(.dark) .exe_prompt p {
    color: #8a93a6 !important;
}

/* Changeout page: blue user card -> dark, magenta accents -> blue */
body:not(.dark) .oper_bg {
    background: linear-gradient(160deg, rgba(30, 41, 59, 0.92), rgba(15, 23, 42, 0.96)), url("/Public/home/wap/images/oper_bg.png") no-repeat !important;
    background-size: 100% 100% !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
body:not(.dark) .oper_bg p,
body:not(.dark) .oper_bg .uname {
    color: #e8eaed !important;
}
body:not(.dark) .turnAmount h4 {
    color: #58a6ff !important;
}
body:not(.dark) .pay_list_c1.on p {
    background: #3b82f6 !important;
    border-color: #3b82f6 !important;
}

/* Purchase.html: amount selection, bank card, payment dialog */
body:not(.dark) .buy_aminy {
    background: rgba(30, 36, 46, 0.88) !important;
    border-radius: 12px;
    margin: 12px 16px 0;
    width: auto !important;
    padding: 14px 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}
body:not(.dark) .buy_aminy h4 {
    color: #9aa4b2 !important;
}
body:not(.dark) .buyChecked {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(59, 130, 246, 0.5) !important;
    color: #58a6ff !important;
    border-radius: 8px;
    transition: all 0.15s ease;
}
body:not(.dark) .buyChecked:hover {
    background: rgba(59, 130, 246, 0.15) !important;
    transform: translateY(-1px);
}
body:not(.dark) .buyChecked:active {
    transform: scale(0.95);
}
body:not(.dark) .buy_aminy .on {
    background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
    border-color: #2563eb !important;
    color: #fff !important;
}
body:not(.dark) .addCard {
    background: transparent !important;
    margin: 10px 16px 0;
    width: auto !important;
}
body:not(.dark) .addCard a {
    background: rgba(30, 36, 46, 0.88);
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px;
    color: #58a6ff !important;
    margin: 0 !important;
}
body:not(.dark) .haveCard {
    background: rgba(30, 36, 46, 0.88) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px;
    margin: 10px 16px 0;
    width: auto !important;
    padding: 0 16px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}
body:not(.dark) .haveCard .bdingcard {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}
body:not(.dark) .haveCard .bdingcard a h4,
body:not(.dark) .haveCard .bdingcard a p {
    color: #9aa4b2 !important;
}
body:not(.dark) .cardInfo p {
    color: #e8eaed !important;
}
body:not(.dark) .ftc_wzsf .srzfmm_box {
    background: rgba(30, 36, 46, 0.95) !important;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}
body:not(.dark) .qsrzfmm_bt {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #e8eaed;
}
body:not(.dark) .qsrzfmm_bt span {
    color: #e8eaed;
}
/* xx_03.jpg 是"白叉 + 纯黑底"的 JPG（无透明通道），叠在深色面板上会显出一个黑方块。
   用 screen 混合把纯黑部分透掉（白叉保持不变）；不支持 mix-blend-mode 的旧浏览器退回原样 */
body:not(.dark) .qsrzfmm_bt img.tx {
    mix-blend-mode: screen;
}

/* Payment password modal + numeric keypad dark theme */
body:not(.dark) .numb_box {
    background: rgba(20, 27, 38, 0.98) !important;
}
body:not(.dark) .nub_ggg {
    border-color: rgba(255, 255, 255, 0.08) !important;
}
body:not(.dark) .nub_ggg li {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}
body:not(.dark) .nub_ggg li a {
    color: #e8eaed !important;
}
body:not(.dark) .nub_ggg li a:active {
    background: rgba(59, 130, 246, 0.2) !important;
}
body:not(.dark) .nub_ggg li a.zj_x {
    border-left-color: rgba(255, 255, 255, 0.08) !important;
    border-right-color: rgba(255, 255, 255, 0.08) !important;
}
body:not(.dark) .xiaq_tb {
    border-top-color: rgba(255, 255, 255, 0.08) !important;
}
/* jftc_14.jpg 也是"浅色横条 + 纯黑底"的 JPG，键盘上方那条小横杠会带一圈黑边；
   同 xx_03.jpg 一样用 screen 混合透掉黑底 */
body:not(.dark) .xiaq_tb img {
    mix-blend-mode: screen;
}
body:not(.dark) .mm_box {
    border-color: rgba(255, 255, 255, 0.15) !important;
}
body:not(.dark) .mm_box li {
    background: rgba(255, 255, 255, 0.06) !important;
    border-right-color: rgba(255, 255, 255, 0.08) !important;
}
/* dd_03.jpg 同样是"白点 + 纯黑底"的 JPG，铺在深色格子里会显出一个黑方块；
   改为用 CSS 直接画白点，不再引用该图片 */
body:not(.dark) .mm_box li.mmdd {
    background: rgba(255, 255, 255, 0.06) !important;
}
body:not(.dark) .mm_box li.mmdd::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 auto;
    position: relative;
    top: 15px;
    border-radius: 50%;
    background: #e8eaed;
}
body:not(.dark) .zfmmxx_shop {
    color: #9aa4b2 !important;
}
body:not(.dark) .zfmmxx_shop .mz {
    color: #9aa4b2 !important;
}
body:not(.dark) .zfmmxx_shop .zhifu_price {
    color: #e8eaed !important;
}

/* Growth: Nofinsh/Dofinsh/Conpay/Buyrecords/Buycenter dark overrides */
body:not(.dark) .br-b { border-bottom-color: rgba(255,255,255,0.08) !important; }
body:not(.dark) .undone_order {
    background: rgba(30, 36, 46, 0.88) !important;
    border-bottom-color: rgba(255,255,255,0.08) !important;
}
body:not(.dark) .undone_order a {
    color: #9aa4b2 !important;
}
body:not(.dark) .undone_order .noe {
    color: #58a6ff !important;
    border-bottom-color: #58a6ff !important;
}
/* accordion */
body:not(.dark) .accordion-handle {
    background-color: rgba(30, 36, 46, 0.88) !important;
    color: #9aa4b2 !important;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.06);
}
body:not(.dark) .accordion-handle h4 {
    color: #e8eaed !important;
}
body:not(.dark) .accordion-handle h4 p {
    color: #9aa4b2 !important;
}
body:not(.dark) .accordion-handle h4 p.accmrp {
    color: #e8eaed !important;
}
body:not(.dark) .accordion-content {
    background: rgba(20, 27, 38, 0.85) !important;
    border-radius: 0 0 10px 10px;
    border: 1px solid rgba(255,255,255,0.06);
    border-top: none;
    color: #e8eaed;
}
body:not(.dark) .tab-content h4,
body:not(.dark) .accordion-content h4 {
    color: #e8eaed !important;
}
body:not(.dark) .acco_con_up p {
    color: #9aa4b2 !important;
    border-bottom-color: rgba(255,255,255,0.06) !important;
}
body:not(.dark) .acco_con_up p span {
    color: #e8eaed !important;
}
body:not(.dark) .acco_con_upa h3 {
    color: #9aa4b2 !important;
    border-top-color: rgba(255,255,255,0.06) !important;
}
body:not(.dark) .acco_con_upa {
    border-top-color: rgba(255,255,255,0.06) !important;
}
body:not(.dark) .accmrp_span {
    color: #58a6ff !important;
}
body:not(.dark) .accmrp_spana {
    color: #4ade80 !important;
}
body:not(.dark) .acco_con_span {
    color: #4ade80 !important;
}
body:not(.dark) .acco_con_spana {
    color: #58a6ff !important;
}
/* records list */
body:not(.dark) .yugejil {
    background: rgba(30, 36, 46, 0.88) !important;
}
body:not(.dark) .yugejil p {
    color: #9aa4b2 !important;
}
body:not(.dark) #wrapper li .p24,
body:not(.dark) #wrapper1 li .p24 {
    color: #9aa4b2 !important;
}
body:not(.dark) .scroller li {
    border-bottom-color: rgba(255,255,255,0.06) !important;
}
/* changeclass area */
body:not(.dark) .changeclass {
    background: transparent !important;
}
body:not(.dark) .demo {
    background: transparent !important;
}

/* Nofinsh pagination + empty state */
body:not(.dark) .pagination {
    color: #9aa4b2 !important;
}
body:not(.dark) .pagination a {
    color: #58a6ff !important;
}
body:not(.dark) .annalWa p {
    color: #9aa4b2 !important;
}

/* User: nickname/phone edit fields */
body:not(.dark) .nic_xiu {
    background: rgba(30, 36, 46, 0.88) !important;
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}
body:not(.dark) .nic_xiu input {
    color: #e8eaed !important;
    background: transparent !important;
}
body:not(.dark) .nic_xiu input::placeholder {
    color: #6b7280 !important;
}

/* Addbank: form card, tips, checkbox, select */
body:not(.dark) .add_bank_add_gr {
    background: rgba(30, 36, 46, 0.88) !important;
    border-top-color: rgba(255, 255, 255, 0.08) !important;
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px;
    margin: 0 16px;
    width: auto !important;
    padding: 0 16px !important;
    padding-left: 16px !important;
}
body:not(.dark) .add_gr_b10 {
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}
body:not(.dark) .add_gr_b10 p {
    color: #9aa4b2 !important;
}
body:not(.dark) .tips {
    color: #9aa4b2 !important;
}
body:not(.dark) .label_check {
    color: #9aa4b2 !important;
}
body:not(.dark) .ansel_input {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
}
body:not(.dark) .ansel_ul {
    color: #e8eaed !important;
}
body:not(.dark) .ansel_search {
    border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}

/* User/News: announcement list */
body:not(.dark) .genggao li {
    background: rgba(30, 36, 46, 0.88) !important;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    margin: 8px 16px !important;
    width: auto !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}
body:not(.dark) .genggao li a .gonggao_l h2 {
    color: #e8eaed !important;
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}
body:not(.dark) .genggao li a .gonggao_l h2 span {
    color: #6b7280 !important;
}
body:not(.dark) .genggao li a .gonggao_l p {
    color: #9aa4b2 !important;
}

/* Setpwd: forgot password link */
body:not(.dark) .wangjmim_se {
    color: #58a6ff !important;
}
body:not(.dark) .wangjmim_se a {
    color: #58a6ff !important;
}

/* password input fields - dark theme */
body:not(.dark) input[type="password"] {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 8px;
    color: #fff !important;
    padding: 6px 10px;
    font-size: 13px;
    outline: none;
    transition: border-color 0.15s ease;
}
body:not(.dark) input[type="password"]:focus {
    border-color: #3b82f6 !important;
}
body:not(.dark) input[type="password"]::placeholder {
    color: #6b7280 !important;
}

/* Complaint: opinion form */
body:not(.dark) .opiniontop_d {
    background: rgba(30, 36, 46, 0.88) !important;
    border-radius: 12px;
    margin: 12px 16px;
    width: auto !important;
    padding: 0 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}
body:not(.dark) .opiniontop {
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}
body:not(.dark) .opiniontop p {
    color: #9aa4b2 !important;
}
body:not(.dark) .opinion {
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}
body:not(.dark) .opinion textarea {
    color: #e8eaed !important;
    background: transparent !important;
}
body:not(.dark) .opinion textarea::placeholder {
    color: #6b7280 !important;
}

/* dengji.html: MUI search bar + category grid dark theme */
.head {
    background-color: rgba(30, 36, 46, 0.88) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
}
.search {
    color: #9aa4b2 !important;
}
.title {
    border-top-color: rgba(255, 255, 255, 0.06) !important;
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
    color: #e8eaed !important;
}
.con {
    color: #9aa4b2 !important;
}
.con1 {
    border-radius: 16px;
}
.item:active .con1 {
    transform: scale(0.92);
    transition: transform 0.15s ease;
}