@charset "UTF-8";
/* ============================================================
   Global UI Theme — 全站统一视觉层
   覆盖旧版 /test/main.css、/test/main-blue.css 与 /css/* 的浅色皮肤
   仅改变表现层（颜色/字体/间距/圆角/阴影），不改任何结构与行为
   ============================================================ */

:root {
    --g-bg:        #070B16;
    --g-bg-2:      #0B1224;
    --g-card:      rgba(255, 255, 255, .048);
    --g-card-2:    rgba(255, 255, 255, .075);
    --g-line:      rgba(255, 255, 255, .085);
    --g-line-2:    rgba(255, 255, 255, .14);
    --g-text:      #EAF0FF;
    --g-text-2:    #C3CFE8;
    --g-muted:     #8695B6;
    --g-accent:    #38E1BE;
    --g-accent-2:  #2BB9F0;
    --g-indigo:    #6E8BFF;
    --g-up:        #FF5568;
    --g-down:      #20C58C;
    --g-radius:    .16rem;
    --g-font:      "PingFang SC", "HarmonyOS Sans SC", "Hiragino Sans GB", "Microsoft YaHei",
                   -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --g-num:       "DIN Alternate", "Bahnschrift", "Segoe UI", var(--g-font);
}

/* ---------- 基础 ---------- */
html { background: var(--g-bg); }

body {
    background:
        radial-gradient(120% 55% at 6% -10%, rgba(56, 225, 190, .10) 0%, rgba(7, 11, 22, 0) 60%),
        radial-gradient(95% 45% at 100% 0%, rgba(110, 139, 255, .13) 0%, rgba(7, 11, 22, 0) 58%),
        var(--g-bg);
    background-attachment: fixed;
    color: var(--g-text);
    font-family: var(--g-font);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body, button, input, select, textarea, small {
    font-family: var(--g-font);
}

a, a:visited, a:focus { color: var(--g-accent); }
a:active { opacity: .8; }

input, select, textarea {
    color: var(--g-text);
    background: rgba(255, 255, 255, .05);
    border: 1px solid var(--g-line);
    border-radius: .1rem;
    padding: .1rem .12rem;
    font-size: .13rem;
    -webkit-appearance: none;
    outline: none;
}
input::placeholder, textarea::placeholder { color: #5E6C8A; }
input:focus, select:focus, textarea:focus {
    border-color: rgba(56, 225, 190, .55);
    background: rgba(56, 225, 190, .06);
}
select { background-image: none; }

/* 覆盖旧版强制黑色文字 */
.col-1 { color: var(--g-text) !important; }
.col-2 { color: var(--g-muted) !important; }
.col-3 { color: var(--g-text-2) !important; }
.col-4 { color: var(--g-accent) !important; }
.col-5 { color: var(--g-text) !important; }
.col-w { color: var(--g-text) !important; }
.col-b  { color: var(--g-accent) !important; }
.col-y  { color: #F0C24B !important; }
.col-o  { color: #F0A728 !important; }
.col-r  { color: var(--g-up) !important; }
.col-g  { color: var(--g-down) !important; }
.col-up   { color: var(--g-up) !important; }
.col-down { color: var(--g-down) !important; }
.col-yin  { color: #9DB6EA !important; }
.co_r { color: var(--g-up) !important; }
.co_e { color: var(--g-down) !important; }
.zero { color: var(--g-muted) !important; }

/* ---------- 顶部栏 ---------- */
.index-head {
    background: linear-gradient(180deg, rgba(7, 11, 22, .97) 30%, rgba(7, 11, 22, .78) 100%) !important;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    color: var(--g-text) !important;
}
.index-head li, .index-head .mid, .index-head .le, .index-head .ri {
    color: var(--g-text) !important;
}
.index-head .mid { font-weight: 600; letter-spacing: .01em; }
.index-head .le i, .index-head .ri i { color: var(--g-text-2) !important; }
.index-head.moni { background: rgba(30, 24, 8, .96) !important; }
.index-head a { color: var(--g-text) !important; }

/* 旧版标题条（部分页面用 .title / .head） */
.title, .head, .list-top {
    color: var(--g-text) !important;
    font-family: var(--g-font);
}
.title-tip { color: var(--g-muted) !important; }

/* ---------- 通用卡片/列表容器 ---------- */
.register-all,
.m-cont,
.form-box,
.detail-box,
.order-box,
.share-box,
.ul-box,
.li-box,
.twoUl li,
.content-w,
.content-wrap,
.list,
.position-list,
.personal,
.moneyhead,
.recording,
.detail-box,
.order-box,
.share-box {
    background: var(--g-card) !important;
    border: 1px solid var(--g-line) !important;
    color: var(--g-text) !important;
}

.ul-box { border-radius: var(--g-radius); overflow: hidden; }
.ul-box li { border-bottom: 1px solid rgba(255, 255, 255, .055); color: var(--g-text) !important; }
.ul-box li:last-child { border-bottom: 0; }
.li-box {
    border-radius: var(--g-radius);
    color: var(--g-text) !important;
}
.li-box input { background: transparent; border: 0; }

.twoUl li {
    background: var(--g-card) !important;
    color: var(--g-text-2) !important;
    border-bottom: 1px solid var(--g-line) !important;
}
.twoUl li.active {
    color: var(--g-accent) !important;
    border-bottom: 2px solid var(--g-accent) !important;
}

/* 列表行 */
.list li, .table tr, .table-cell {
    border-color: rgba(255, 255, 255, .06) !important;
    color: var(--g-text) !important;
}
.list li:nth-child(odd) { background: rgba(255, 255, 255, .02); }

table { color: var(--g-text); }
table th {
    color: var(--g-muted) !important;
    font-weight: 500;
    background: rgba(255, 255, 255, .04) !important;
    border-color: rgba(255, 255, 255, .07) !important;
}
table td {
    color: var(--g-text-2) !important;
    border-color: rgba(255, 255, 255, .055) !important;
}

/* ---------- 按钮 ---------- */
.confi-btn,
.btn_re,
.btn_money,
.btn_center,
.btn-white,
.btn-hui2,
.bottom-button,
.btn-blue,
.btn-blue2,
.btn-blue3,
.btn-blue4,
.btn-red,
.btn-yellow,
.btn-orange,
.btn-up,
.btn-down {
    border-radius: .12rem !important;
    border: 1px solid var(--g-line) !important;
    font-family: var(--g-font);
    font-weight: 600;
    letter-spacing: .01em;
    transition: transform .16s ease, opacity .16s ease;
}
.confi-btn {
    background: linear-gradient(135deg, var(--g-accent) 0%, var(--g-accent-2) 100%) !important;
    color: #04121A !important;
    box-shadow: 0 .07rem .2rem rgba(56, 225, 190, .26);
}
.btn_re, .btn_money, .btn_center {
    background: linear-gradient(135deg, var(--g-accent) 0%, var(--g-accent-2) 100%) !important;
    color: #04121A !important;
}
.btn-white { background: rgba(255, 255, 255, .07) !important; color: var(--g-text) !important; }
.btn-hui2, .btn-hui { background: rgba(255, 255, 255, .06) !important; color: var(--g-text-2) !important; }
.btn-up   { background: rgba(255, 85, 104, .16) !important; color: var(--g-up) !important; border-color: rgba(255, 85, 104, .3) !important; }
.btn-down { background: rgba(32, 197, 140, .16) !important; color: var(--g-down) !important; border-color: rgba(32, 197, 140, .3) !important; }
.btn-blue, .btn-blue2, .btn-blue3, .btn-blue4 {
    background: rgba(110, 139, 255, .16) !important;
    color: #9FB2FF !important;
    border-color: rgba(110, 139, 255, .3) !important;
}
.btn-red   { background: rgba(255, 85, 104, .18) !important; color: var(--g-up) !important; }
.btn-yellow, .btn-orange { background: rgba(240, 167, 40, .16) !important; color: #F0B54A !important; }
.confi-btn:active, .btn_re:active, .btn_money:active { transform: scale(.98); }

/* ---------- 底部导航（全站共用） ---------- */
.bottom {
    background: rgba(8, 13, 25, .92) !important;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    border-top: 1px solid rgba(255, 255, 255, .07);
    opacity: 1;
}
.bottom:before {
    background: linear-gradient(90deg, rgba(56, 225, 190, 0), rgba(56, 225, 190, .3), rgba(110, 139, 255, .3), rgba(110, 139, 255, 0)) !important;
    height: 1px;
    transform: none !important;
}
.bottom a { color: #7C8AA8 !important; }
.bottom a div { color: #7C8AA8; font-size: .095rem; }
.bottom a i {
    font-size: 0 !important;
    width: .2rem; height: .2rem;
    display: block;
    margin: .05rem auto 0;
    color: transparent !important;
    background-color: #7C8AA8;
    -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
    -webkit-mask-position: center; mask-position: center;
    -webkit-mask-size: contain; mask-size: contain;
}
.bottom li:nth-child(1) a i {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10.5 12 4l8 6.5'/%3E%3Cpath d='M6 10v9h12v-9'/%3E%3Cpath d='M10 19v-5h4v5'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10.5 12 4l8 6.5'/%3E%3Cpath d='M6 10v9h12v-9'/%3E%3Cpath d='M10 19v-5h4v5'/%3E%3C/svg%3E");
}
.bottom li:nth-child(2) a i {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V9'/%3E%3Cpath d='M9 19V5'/%3E%3Cpath d='M15 19v-7'/%3E%3Cpath d='M20 19V8'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V9'/%3E%3Cpath d='M9 19V5'/%3E%3Cpath d='M15 19v-7'/%3E%3Cpath d='M20 19V8'/%3E%3C/svg%3E");
}
.bottom li:nth-child(3) a i {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.6'/%3E%3Cpath d='M4.5 20c1.2-3.6 4-5.4 7.5-5.4s6.3 1.8 7.5 5.4'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.6'/%3E%3Cpath d='M4.5 20c1.2-3.6 4-5.4 7.5-5.4s6.3 1.8 7.5 5.4'/%3E%3C/svg%3E");
}

/* ---------- 弹窗（layer） ---------- */
.layui-layer, .layui-layer-page .layui-layer-content, .layui-layer-dialog {
    background: #0E1526 !important;
    color: var(--g-text) !important;
    border: 1px solid var(--g-line) !important;
    border-radius: .16rem !important;
    box-shadow: 0 .2rem .5rem rgba(0, 0, 0, .55) !important;
}
.layui-layer-title {
    background: transparent !important;
    color: var(--g-text) !important;
    border-bottom: 1px solid var(--g-line) !important;
}
.layui-layer-btn a {
    border-radius: .1rem !important;
    border: 1px solid var(--g-line) !important;
}
.layui-layer-btn .layui-layer-btn0 {
    background: linear-gradient(135deg, var(--g-accent), var(--g-accent-2)) !important;
    border: 0 !important;
    color: #04121A !important;
}

/* ---------- 交易页 ---------- */
body.page-trade {
    background:
        radial-gradient(110% 40% at 50% -8%, rgba(56, 225, 190, .10) 0%, rgba(7, 11, 22, 0) 62%),
        var(--g-bg);
    background-attachment: fixed;
    overflow-x: hidden;
}
body.page-trade .tr-box { background: transparent; }

/* 头部 */
body.page-trade .index-head {
    position: sticky;
    top: 0;
    z-index: 900;
    height: .52rem !important;
    background: linear-gradient(180deg, rgba(7, 11, 22, .97) 30%, rgba(7, 11, 22, .76)) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}
body.page-trade .index-head .mid {
    font-size: .15rem !important;
    font-weight: 600;
    letter-spacing: .01em;
}
body.page-trade .index-head .ri a {
    font-size: .12rem;
    color: var(--g-accent) !important;
}

/* 商品切换浮层 */
body.page-trade .pro-name {
    background: rgba(10, 16, 30, .97) !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--g-line);
}
body.page-trade .pro-name li {
    color: var(--g-text-2) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .055);
    font-size: .13rem;
}
body.page-trade .pro-name li.active,
body.page-trade .pro-name li:active { color: var(--g-accent) !important; }

/* 周期 tab */
body.page-trade .tr-tab {
    background: rgba(255, 255, 255, .04) !important;
    border: 1px solid var(--g-line);
    border-radius: .12rem;
    margin: .1rem .14rem .06rem;
    height: .38rem !important;
    padding: .03rem;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
body.page-trade .tr-tab::-webkit-scrollbar { display: none; }
body.page-trade .tr-tab li {
    flex: 0 0 auto;
    float: none !important;
    background: transparent !important;
    color: var(--g-muted) !important;
    font-size: .12rem;
    border-radius: .09rem;
    height: .32rem !important;
    line-height: .32rem !important;
    padding: 0 .13rem !important;
    margin: 0 !important;
    border: 0 !important;
    transition: all .2s ease;
}
body.page-trade .tr-tab li.active {
    color: #04121A !important;
    background: linear-gradient(135deg, var(--g-accent), var(--g-accent-2)) !important;
    font-weight: 700;
}
body.page-trade .tr-tab li span,
body.page-trade .tr-tab li i { color: inherit !important; font-size: 0; }
body.page-trade .tr-tab2 {
    background: rgba(10, 16, 30, .98) !important;
    border: 1px solid var(--g-line);
    border-radius: .12rem;
    box-shadow: 0 .12rem .3rem rgba(0, 0, 0, .5);
}
body.page-trade .tr-tab2 li {
    color: var(--g-text-2) !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
}

/* 图表容器 */
body.page-trade .chartBox {
    background: transparent !important;
    width: auto !important;
    max-width: calc(100% - .28rem);
    border-radius: .14rem;
    margin: 0 .14rem;
    overflow: hidden;
}
body.page-trade .chartBox .text { color: var(--g-muted); }
body.page-trade .chartBox .round { border-color: rgba(56, 225, 190, .8) !important; }
body.page-trade .highcharts-container,
body.page-trade .highcharts-background { background: transparent !important; fill: transparent !important; }
body.page-trade .highcharts-axis-labels text,
body.page-trade .highcharts-axis-title { fill: #7F8FB0 !important; }
body.page-trade .highcharts-grid-line { stroke: rgba(255, 255, 255, .07) !important; }
body.page-trade .highcharts-axis-line { stroke: rgba(255, 255, 255, .1) !important; }

/* 盘口数据 */
body.page-trade #pan {
    background: var(--g-card) !important;
    border: 1px solid var(--g-line) !important;
    border-radius: .14rem;
    margin: .1rem .14rem 0 !important;
    padding: .07rem .1rem !important;
    display: flex;
    flex-wrap: wrap;
    width: auto !important;
}
body.page-trade #pan li {
    width: 33.33% !important;
    float: none !important;
    background: transparent !important;
    border: 0 !important;
    padding: .05rem .04rem !important;
    margin: 0 !important;
    font-size: .1rem;
    color: var(--g-muted) !important;
    display: flex !important;
    align-items: baseline;
    justify-content: space-between;
    line-height: 1.4 !important;
    height: auto !important;
    overflow: hidden;
}
body.page-trade #pan li em {
    float: none !important;
    color: var(--g-text) !important;
    font-family: var(--g-num);
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    font-size: .105rem;
    margin-left: .04rem;
    display: inline-block !important;
    white-space: nowrap;
}
body.page-trade #pan li em.col-up { color: var(--g-up) !important; }
body.page-trade #pan li em.col-down { color: var(--g-down) !important; }

/* 可用资金条 */
body.page-trade .tr-head {
    height: auto !important;
    padding: .09rem .14rem;
    margin: .1rem .14rem 0 !important;
    background: var(--g-card) !important;
    border: 1px solid var(--g-line) !important;
    border-radius: .12rem;
    color: var(--g-muted) !important;
    font-size: .11rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
body.page-trade .tr-head #money {
    font-family: var(--g-num);
    font-size: .16rem;
    font-weight: 700;
    color: var(--g-text) !important;
    letter-spacing: -.01em;
    margin-left: .04rem;
}
body.page-trade .tr-head button {
    padding: .05rem .14rem !important;
    font-size: .11rem !important;
    border-radius: 99px !important;
    background: rgba(56, 225, 190, .14) !important;
    color: var(--g-accent) !important;
    border: 1px solid rgba(56, 225, 190, .3) !important;
    height: auto !important;
    line-height: 1.3 !important;
}

/* 当前价区 */
body.page-trade .tr-content {
    background: transparent !important;
    padding: .12rem .14rem .02rem !important;
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
}
body.page-trade .tr-content .le {
    position: static !important;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    background: transparent !important;
}
body.page-trade .tr-content .le .col-1 {
    position: static !important;
    display: block;
    width: 100%;
    font-size: .11rem !important;
    color: var(--g-muted) !important;
    margin-bottom: .02rem;
}
body.page-trade .tr-content .le em {
    display: inline-block !important;
    font-family: var(--g-num);
    font-size: .3rem !important;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.05;
    font-variant-numeric: tabular-nums;
}
body.page-trade .tr-content .le p {
    font-family: var(--g-num);
    font-size: .11rem !important;
    margin: 0 0 0 .07rem !important;
    font-variant-numeric: tabular-nums;
    display: inline-block !important;
}
body.page-trade .tr-content .ri {
    background: transparent !important;
    display: flex;
    flex-direction: column;
    gap: .04rem;
    align-items: flex-end;
}
body.page-trade .tr-content .ri span {
    font-size: .1rem;
    color: var(--g-muted) !important;
    display: flex;
    align-items: center;
    gap: .04rem;
}
body.page-trade .tr-content .ri em {
    font-family: var(--g-num);
    color: var(--g-text-2) !important;
    font-size: .105rem;
}
body.page-trade .buy-in, body.page-trade .sale-out {
    width: .34rem !important;
    height: .06rem !important;
    background: rgba(255, 255, 255, .1) !important;
    border-radius: 99px;
    display: inline-block;
    overflow: hidden;
}
body.page-trade .buy-in i, body.page-trade .sale-out i { display: block; height: 100%; border-radius: 99px; }
body.page-trade .buy-in i { background: var(--g-up) !important; }
body.page-trade .sale-out i { background: var(--g-down) !important; }

/* 底部交易按钮 */
body.page-trade .buy-btn {
    background: rgba(8, 13, 25, .96) !important;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    border-top: 1px solid rgba(255, 255, 255, .07);
    padding: .09rem .12rem calc(.09rem + env(safe-area-inset-bottom, 0px)) !important;
    gap: .08rem;
    display: flex;
    align-items: stretch;
    height: auto !important;
}
body.page-trade .buy-btn li {
    border-radius: .12rem !important;
    height: .46rem !important;
    line-height: 1.1 !important;
    font-size: .13rem;
    font-weight: 700;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: 0 !important;
    margin: 0 !important;
}
body.page-trade .buy-btn li.other {
    flex: .82;
    background: rgba(255, 255, 255, .06) !important;
    border: 1px solid var(--g-line) !important;
}
body.page-trade .buy-btn li.other a { color: var(--g-text-2) !important; font-size: .12rem; }
body.page-trade .buy-btn li.up {
    flex: 1.1;
    background: linear-gradient(135deg, #FF6A7B 0%, #F1455F 100%) !important;
    box-shadow: 0 .06rem .18rem rgba(241, 69, 95, .3);
}
body.page-trade .buy-btn li.down {
    flex: 1.1;
    background: linear-gradient(135deg, #2AD49B 0%, #17A876 100%) !important;
    box-shadow: 0 .06rem .18rem rgba(23, 168, 118, .28);
}
body.page-trade .buy-btn li.up a,
body.page-trade .buy-btn li.down a { color: #04121A !important; display: block; text-align: center; }
body.page-trade .buy-btn li.up a p,
body.page-trade .buy-btn li.down a p { color: rgba(4, 18, 26, .7) !important; font-size: .095rem; margin: 0; }

/* 遮罩 */
body.page-trade .mask.active { background: rgba(3, 6, 12, .72) !important; }

/* ---------- 认证页（登录/注册） ---------- */
body.page-auth .logo_img img {
    filter: drop-shadow(0 6px 18px rgba(56, 225, 190, .25));
    border-radius: .14rem;
}
body.page-auth .register-all { color: var(--g-text); }
body.page-auth .forget, body.page-auth .forget a { color: var(--g-muted) !important; font-size: .12rem; }
body.page-auth .ul-box {
    background: var(--g-card) !important;
    border: 1px solid var(--g-line) !important;
    border-radius: .14rem;
    padding: 0 .04rem;
}
body.page-auth .ul-box li { border-bottom: 1px solid rgba(255, 255, 255, .06) !important; }
body.page-auth .ul-box li input {
    background: transparent !important;
    border: 0 !important;
    color: var(--g-text) !important;
    font-size: .14rem;
}
body.page-auth .confi-btn2 {
    border-radius: .12rem !important;
    background: linear-gradient(135deg, var(--g-accent), var(--g-accent-2)) !important;
    color: #04121A !important;
    font-weight: 700;
    border: 0 !important;
    height: .44rem;
}
body.page-auth .confi-btn.btn-0 {
    background: rgba(255, 255, 255, .06) !important;
    color: var(--g-text-2) !important;
    border: 1px solid var(--g-line) !important;
    border-radius: .12rem !important;
}

/* ---------- 表单/设置类页 ---------- */
body.page-form .index-head { background: rgba(7, 11, 22, .97) !important; }
body.page-form .user-m-cont,
body.page-form .m-cont,
body.page-form .form-box {
    background: var(--g-card) !important;
    border: 1px solid var(--g-line) !important;
    border-radius: .14rem;
    overflow: hidden;
}
body.page-form .user-m-cont > li { border-bottom: 1px solid rgba(255, 255, 255, .055); }
body.page-form .user-m-cont > li:last-child { border-bottom: 0; }
body.page-form .user-m-cont > li .le { color: var(--g-text-2) !important; }
body.page-form .user-m-cont > li .ri,
body.page-form .user-m-cont > li input { color: var(--g-text) !important; }

/* ---------- 文档/协议类页 ---------- */
body.page-doc .rule-title, body.page-doc h1, body.page-doc h2, body.page-doc h3 {
    color: var(--g-text) !important;
}
body.page-doc .rule-content, body.page-doc .rule-list2 li, body.page-doc p {
    color: var(--g-text-2) !important;
    line-height: 1.8;
}
body.page-doc .indend-2 { color: var(--g-text-2) !important; }

/* ---------- 安全区与滚动条 ---------- */
::-webkit-scrollbar { width: 3px; height: 3px; }
::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, .16); border-radius: 99px; }
::selection { background: rgba(56, 225, 190, .28); color: #fff; }

/* 交易页补丁：宽度、子菜单、资金条 li、价格区高度 */
body.page-trade .tr-tab {
    width: auto !important;
    max-width: calc(100% - .28rem);
    box-sizing: border-box;
}
body.page-trade .tr-tab li {
    position: relative;
    white-space: nowrap;
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-width: 0 !important;
}
body.page-trade .tr-tab2 {
    position: absolute !important;
    top: .38rem;
    left: 0;
    min-width: 1.15rem;
    z-index: 50;
    margin: 0 !important;
    padding: .04rem 0 !important;
}
body.page-trade .tr-tab2 li {
    display: block !important;
    width: 100% !important;
    text-align: center;
    padding: .08rem .1rem !important;
    height: auto !important;
    line-height: 1.3 !important;
    border-radius: 0 !important;
    background: transparent !important;
}
body.page-trade .tr-head li,
body.page-trade .tr-head > li {
    background: transparent !important;
    border: 0 !important;
    height: auto !important;
    line-height: 1.5 !important;
    padding: 0 !important;
    color: var(--g-muted) !important;
    font-size: .11rem;
    display: flex;
    align-items: center;
}
body.page-trade .tr-head li span { color: var(--g-text) !important; }
body.page-trade .tr-content .le {
    height: auto !important;
    min-height: 0 !important;
    row-gap: .03rem;
}
body.page-trade .tr-content .le .col-1 {
    height: auto !important;
    line-height: 1.35 !important;
}
body.page-trade .tr-content { min-height: 0 !important; }

/* ---------- 剩余浅色容器归一 ---------- */
.boxflex, .boxflex1, .boxflex2, .box_flex_1 {
    background: var(--g-card) !important;
    border: 1px solid var(--g-line) !important;
    border-radius: .14rem;
    color: var(--g-text) !important;
}
.boxflex1.mt10 { margin-top: .1rem !important; }
body.page-form ul:not([class]),
body.page-form .user-m-cont + ul {
    background: transparent !important;
    border: 0 !important;
}
body.page-form ul:not([class]) li {
    border-bottom: 1px solid rgba(255, 255, 255, .055) !important;
    color: var(--g-text-2) !important;
}
.boxflex .le, .boxflex1 .le { color: var(--g-text-2) !important; }
.boxflex .ri, .boxflex1 .ri { color: var(--g-text) !important; }
.boxflex1 input { background: transparent !important; border: 0 !important; text-align: right; }

/* 无类名列表（部分设置页）统一为透明底 */
ul:not([class]) { background: transparent !important; }
ul:not([class]) > li { background: transparent !important; color: var(--g-text-2) !important; }

/* 交易页最终修正：tab 宽度、资金条与价格区层叠 */
body.page-trade .tr-tab li {
    width: auto !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    padding: 0 .12rem !important;
    font-size: .115rem !important;
}
body.page-trade .tr-head {
    position: static !important;
    height: auto !important;
    overflow: visible !important;
    z-index: auto !important;
}
body.page-trade .tr-content {
    position: relative !important;
    z-index: 2 !important;
    clear: both;
    margin-top: .04rem;
}
body.page-trade .tr-content .le {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: .02rem;
}
body.page-trade .tr-content .le em { display: block !important; }
body.page-trade .tr-content .le .col-1 {
    font-size: .1rem !important;
    margin-bottom: 0 !important;
    opacity: .85;
}

/* ============================================================
   交易页布局修正（2026-11-09）
   1) 图表上移并加高：解除 flex:1 挤压，固定 2.45rem
   2) 修复层叠：.tr-content 旧版固定 .55rem 高 + 商品名绝对定位
   3) 资金条与价格区改为独立行，间距明确
   ============================================================ */
body.page-trade .tr-box {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding-bottom: .54rem;
    box-sizing: border-box;
}
body.page-trade .index-head { flex: none; }
body.page-trade .tr-tab {
    flex: none;
    margin: .08rem .14rem .06rem !important;
}

/* 图表：上移 + 加高 */
body.page-trade .chartBox {
    flex: none !important;
    height: auto !important;
}
body.page-trade #mLine,
body.page-trade #dayLine,
body.page-trade #lightnLine,
body.page-trade #kLine {
    height: 2.45rem !important;
    min-height: 2.45rem !important;
    margin: .02rem .12rem 0 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .015)) !important;
    border: 1px solid var(--g-line) !important;
    border-radius: .14rem;
    box-sizing: border-box;
    padding: .04rem .02rem 0;
}
body.page-trade #mLine > div,
body.page-trade #dayLine > div,
body.page-trade #lightnLine > div,
body.page-trade #kLine > div {
    height: 100% !important;
    width: 100% !important;
}
body.page-trade #mLine .highcharts-container,
body.page-trade #kLine .highcharts-container {
    height: 100% !important;
    width: 100% !important;
}

/* 盘口九宫格：位置下移一点，与图表分开 */
body.page-trade #pan {
    flex: none !important;
    margin: .08rem .14rem 0 !important;
    height: auto !important;
}

/* 资金条：独立一行，不再与价格区重叠 */
body.page-trade .tr-head {
    flex: none !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    height: auto !important;
    min-height: .4rem;
    margin: .1rem .14rem 0 !important;
    padding: .06rem .12rem !important;
    box-sizing: border-box;
    overflow: visible !important;
    position: static !important;
    background: var(--g-card) !important;
    border: 1px solid var(--g-line) !important;
    border-radius: .12rem;
}
body.page-trade .tr-head li {
    width: auto !important;
    flex: none !important;
    height: auto !important;
    line-height: 1.4 !important;
    float: none !important;
    background: transparent !important;
    display: flex;
    align-items: center;
    gap: .04rem;
    padding: 0 !important;
}

/* 价格区：高度自适应，商品名回到文档流 */
body.page-trade .tr-content {
    flex: none !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between;
    height: auto !important;
    min-height: .72rem;
    margin: .1rem .14rem .06rem !important;
    padding: .1rem .12rem !important;
    box-sizing: border-box;
    overflow: visible !important;
    background: var(--g-card) !important;
    border: 1px solid var(--g-line) !important;
    border-radius: .14rem;
    position: relative !important;
    z-index: 2;
}
body.page-trade .tr-content .le {
    height: auto !important;
    width: auto !important;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: .02rem;
    overflow: visible !important;
}
body.page-trade .tr-content .tr-pname {
    position: static !important;
    display: block !important;
    width: 100%;
    font-size: .1rem !important;
    line-height: 1.4 !important;
    color: var(--g-muted) !important;
    margin: 0 !important;
    top: auto !important;
}
body.page-trade .tr-content .le em[data-pan-indices] {
    display: block !important;
    font-family: var(--g-num);
    font-size: .3rem !important;
    line-height: 1.1 !important;
    height: auto !important;
    margin: 0 !important;
    letter-spacing: -.02em;
}
body.page-trade .tr-content .le > span {
    margin: 0 !important;
    display: flex;
    gap: .08rem;
}
body.page-trade .tr-content .le > span p {
    height: auto !important;
    line-height: 1.3 !important;
    font-family: var(--g-num);
    font-size: .11rem !important;
    margin: 0 !important;
}
body.page-trade .tr-content .ri {
    width: 1.1rem !important;
    height: auto !important;
    flex: none !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    gap: .06rem;
    align-items: flex-end;
}
body.page-trade .tr-content .ri > span {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .04rem;
    font-size: .1rem;
    color: var(--g-muted) !important;
    height: auto !important;
    line-height: 1.3 !important;
}
body.page-trade .tr-content .buy-in,
body.page-trade .tr-content .sale-out {
    width: .3rem !important;
    height: .05rem !important;
    margin: 0 !important;
}

/* 交易页：隐藏商品代号（模板里本应 display:none，被旧版 em:last-child 规则覆盖） */
body.page-trade .tr-content .tr-pname em,
body.page-trade .tr-content em[data-pan-proNo] {
    display: none !important;
}

/* ---------- 文档页（关于我们/规则/指南）白底修正 ---------- */
body.page-doc .warning,
body.page-doc .warning .col-6,
body.page-doc .col-6,
body.page-doc .rule-content {
    background: transparent !important;
    color: var(--g-text-2) !important;
}
body.page-doc .rule-content span,
body.page-doc .rule-content p,
body.page-doc .warning p {
    color: #B7C4DE !important;
}
body.page-doc .rule-title {
    color: var(--g-accent) !important;
    font-weight: 600 !important;
    font-size: .15rem !important;
    padding: .1rem 0 .06rem !important;
    border-left: 2px solid var(--g-accent);
    padding-left: .08rem !important;
}
body.page-doc .warning { padding: 0 .16rem .12rem !important; }

/* ---------- 订单/持仓（bootstrap 布局页） ---------- */
.container.bg, .container.bg_h, .container, .row.mar {
    background: transparent !important;
}
.cash-box, .list-group-box, .list-item, .order-box, .info-box {
    background: var(--g-card) !important;
    border: 1px solid var(--g-line) !important;
    border-radius: .12rem;
    color: var(--g-text) !important;
}
.buy-tab, .nav-tabs { border-bottom: 1px solid rgba(255, 255, 255, .08) !important; }
.buy-tab li, .nav-tabs > li > a, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
    background: transparent !important;
    color: var(--g-muted) !important;
    border: 0 !important;
    border-radius: .1rem .1rem 0 0 !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.buy-tab li.active > a {
    background: rgba(56, 225, 190, .14) !important;
    color: var(--g-accent) !important;
    border: 0 !important;
    border-bottom: 2px solid var(--g-accent) !important;
}
.list-group-box { border-bottom: 1px solid rgba(255, 255, 255, .07) !important; }
.list-group-box li {
    color: var(--g-muted) !important;
    border-left: 1px solid rgba(255, 255, 255, .06) !important;
}
.list-item { border: 1px solid var(--g-line) !important; margin-bottom: .08rem !important; overflow: hidden; }
.list-item li { color: var(--g-text-2) !important; }
.list-item li p { color: inherit; }
.cash-box { color: var(--g-text) !important; }
.co_f { color: var(--g-text) !important; }
.price-bg { background: rgba(255, 85, 104, .18) !important; color: var(--g-up) !important; border-color: rgba(255, 85, 104, .3) !important; }

/* 文档页标题旧版带白底块 */
body.page-doc .rule-title {
    background: transparent !important;
    box-shadow: none !important;
}
body.page-doc .rule-title * { background: transparent !important; }

/* 走势图再加高，K 线更直观 */
body.page-trade #mLine,
body.page-trade #dayLine,
body.page-trade #lightnLine,
body.page-trade #kLine {
    height: 2.78rem !important;
    min-height: 2.78rem !important;
}

/* ============ 交易页：周期 tab 可点击 + 子菜单 ============ */
body.page-trade .tr-tab {
    display: flex !important;
    overflow: visible !important;
    padding: 0 .03rem !important;
    gap: 0 !important;
}
body.page-trade .tr-tab li {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    padding: 0 !important;
    font-size: .11rem !important;
    line-height: .32rem !important;
    height: .32rem !important;
    text-align: center;
    position: relative;
    z-index: 2;
}
body.page-trade .tr-tab li i { display: none !important; }
body.page-trade .tr-tab li span {
    pointer-events: none !important;
    height: 2px !important;
    width: .18rem !important;
    margin-left: -.09rem !important;
    bottom: -.02rem !important;
    border-radius: 99px;
    background: var(--g-accent) !important;
}
body.page-trade .tr-tab2 {
    position: absolute !important;
    top: .38rem !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%);
    width: auto !important;
    min-width: 1.05rem !important;
    padding: .03rem 0 !important;
    z-index: 60 !important;
}
body.page-trade .tr-tab2 li {
    display: block !important;
    width: 100% !important;
    height: .34rem !important;
    line-height: .34rem !important;
    font-size: .12rem !important;
    border-radius: 0 !important;
}

/* ============ 交易页：底部交易区悬浮 ============ */
body.page-trade .buy-btn {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    z-index: 900 !important;
    border-radius: 0 !important;
    box-shadow: 0 -.12rem .32rem rgba(0, 0, 0, .55);
}
body.page-trade .tr-box { padding-bottom: .8rem !important; }

/* ============ 规则页（交易規則） ============ */
body.page-rule { padding-bottom: .16rem; }
body.page-rule .rule-wrap { padding: .02rem .16rem 0; }
body.page-rule .rule-card {
    background: var(--g-card);
    border: 1px solid var(--g-line);
    border-radius: .16rem;
    margin-top: .12rem;
    overflow: hidden;
}
body.page-rule .rule-card-hd {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: .13rem .14rem .09rem;
    border-bottom: 1px solid rgba(255, 255, 255, .055);
}
body.page-rule .rule-card-hd span {
    font-size: .145rem;
    font-weight: 700;
    color: var(--g-text);
    position: relative;
    padding-left: .1rem;
}
body.page-rule .rule-card-hd span::before {
    content: "";
    position: absolute;
    left: 0; top: 50%;
    width: .04rem; height: .14rem;
    margin-top: -.07rem;
    border-radius: 99px;
    background: linear-gradient(180deg, var(--g-accent), var(--g-accent-2));
}
body.page-rule .rule-card-hd em {
    font-size: .1rem;
    color: var(--g-accent);
    letter-spacing: .06em;
}
body.page-rule .rule-rows { margin: 0; padding: .02rem 0; }
body.page-rule .rule-row {
    display: flex;
    align-items: flex-start;
    gap: .1rem;
    padding: .1rem .14rem;
    border-bottom: 1px solid rgba(255, 255, 255, .045);
}
body.page-rule .rule-row:last-child { border-bottom: 0; }
body.page-rule .rule-row dt {
    flex: 0 0 .95rem;
    font-size: .115rem;
    color: var(--g-muted);
    line-height: 1.5;
}
body.page-rule .rule-row dd {
    flex: 1;
    margin: 0;
    font-size: .125rem;
    color: var(--g-text);
    line-height: 1.5;
    text-align: right;
    font-variant-numeric: tabular-nums;
    word-break: break-word;
}
body.page-rule .rule-row-multi dd { color: var(--g-text-2); }
body.page-rule .rule-body { padding: .1rem .14rem .12rem; }
body.page-rule .rule-body h4 {
    font-size: .125rem;
    font-weight: 600;
    color: var(--g-accent);
    margin: .12rem 0 .04rem;
}
body.page-rule .rule-body h4:first-child { margin-top: .02rem; }
body.page-rule .rule-body p {
    font-size: .12rem;
    line-height: 1.75;
    color: #B7C4DE;
    margin: 0 0 .04rem;
}

/* 旧模板残留的斑马纹 span */
.rule-list2 { background: transparent !important; }

/* ============ 登录/注册（无 _head 引入的页面兜底） ============ */
.confi-btn2 {
    background: linear-gradient(135deg, var(--g-accent) 0%, var(--g-accent-2) 100%) !important;
    color: #04121A !important;
    border: 0 !important;
    border-radius: .12rem !important;
    font-weight: 700 !important;
    box-shadow: 0 .08rem .22rem rgba(56, 225, 190, .28);
}
body.page-auth input {
    background: rgba(255, 255, 255, .06) !important;
    border: 1px solid var(--g-line) !important;
    color: var(--g-text) !important;
    border-radius: .1rem !important;
}
body.page-auth .forget, body.page-auth .forget a { color: var(--g-muted) !important; }

/* ============ 交易记录页 tab / 查看更多 ============ */
.settlement-more, .trans-more, .more-btn {
    background: linear-gradient(135deg, var(--g-accent) 0%, var(--g-accent-2) 100%) !important;
    color: #04121A !important;
    border: 0 !important;
    border-radius: .12rem !important;
    font-weight: 700;
    box-shadow: 0 .06rem .18rem rgba(56, 225, 190, .24);
}
a.active, li.active > a {
    color: var(--g-accent) !important;
}
.twoUl li.active, .buy-tab li.active {
    color: var(--g-accent) !important;
    border-bottom-color: var(--g-accent) !important;
    background: rgba(56, 225, 190, .08) !important;
}

/* ============ 我的推广 ============ */
.promote, .promote-content, .promote-img, .promote-copy, .promote-way {
    background: var(--g-card) !important;
    border: 1px solid var(--g-line) !important;
    border-radius: .14rem;
    color: var(--g-text) !important;
}
.promote input {
    background: rgba(255, 255, 255, .06) !important;
    border: 1px solid var(--g-line) !important;
    color: var(--g-text) !important;
    border-radius: .1rem !important;
}
.copyBtn, .promote-copy button {
    background: linear-gradient(135deg, var(--g-accent) 0%, var(--g-accent-2) 100%) !important;
    color: #04121A !important;
    border: 0 !important;
    border-radius: .1rem !important;
    font-weight: 700;
}

/* ============ 交易记录：顶部「持倉/結算」切换 ============ */
.position-tab div {
    border: 1px solid var(--g-line) !important;
    border-radius: .12rem !important;
    background: rgba(255, 255, 255, .06) !important;
    overflow: hidden;
}
.position-tab div a {
    background: transparent !important;
    color: var(--g-muted) !important;
    font-weight: 600;
    border: 0 !important;
}
.position-tab div a.active {
    background: linear-gradient(135deg, var(--g-accent), var(--g-accent-2)) !important;
    color: #04121A !important;
}

/* ============ 我的推广：卡片与按钮 ============ */
body.page-list .promote,
body.page-list .promote-content,
body.page-list .promote-copy,
body.page-list .promote-img,
body.page-list .promote-way,
body.page-list .promote .head,
body.page-list .promote .foot {
    background: var(--g-card) !important;
    background-image: none !important;
    border: 1px solid var(--g-line) !important;
    border-radius: .14rem;
    color: var(--g-text) !important;
}
body.page-list .promote { border-radius: .14rem; margin-bottom: .1rem; overflow: hidden; }
body.page-list .promote .head,
body.page-list .promote .foot { border: 0 !important; border-radius: 0; background: transparent !important; }
body.page-list .promote .col-1,
body.page-list .promote .col-2,
body.page-list .promote .col-3 { color: var(--g-text-2) !important; }
body.page-list .promote .iconfont { color: var(--g-accent) !important; }

.btn-1, .newa, .promote .btn-1 {
    background: rgba(56, 225, 190, .14) !important;
    background-image: none !important;
    color: var(--g-accent) !important;
    border: 1px solid rgba(56, 225, 190, .32) !important;
    border-radius: .1rem !important;
    font-weight: 600 !important;
    text-shadow: none !important;
}

/* ============ 出金明细 / 资金列表容器 ============ */
body.page-list .outMoney,
body.page-list .deta_more,
body.page-list .money-list,
body.page-list .list-box {
    background: var(--g-card) !important;
    background-image: none !important;
    border: 1px solid var(--g-line) !important;
    border-radius: .14rem;
    color: var(--g-text) !important;
}
body.page-list .deta_more { text-align: center; font-size: .11rem; color: var(--g-muted) !important; padding: .14rem 0; }

/* 兜底：这些页面上纯白容器统一改为卡片底色 */
body.page-list [style*="background:#fff"],
body.page-list [style*="background: #fff"],
body.page-list [style*="background-color:#fff"],
body.page-list [style*="background-color: #fff"] {
    background: var(--g-card) !important;
    color: var(--g-text) !important;
}

/* ============================================================
   最终兜底：列表类页面（jilu.css / manager.css 会在 head 末尾追加，
   覆盖 body 与 .container 的背景，这里用 !important 反向压制）
   ============================================================ */
html, body {
    background-color: var(--g-bg) !important;
}
body {
    background-image:
        radial-gradient(120% 55% at 6% -10%, rgba(56, 225, 190, .10) 0%, rgba(7, 11, 22, 0) 60%),
        radial-gradient(95% 45% at 100% 0%, rgba(110, 139, 255, .13) 0%, rgba(7, 11, 22, 0) 58%) !important;
    color: var(--g-text) !important;
}
.container {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}
.outMoney .container {
    background: var(--g-card) !important;
    border: 1px solid var(--g-line) !important;
    border-radius: .14rem !important;
    margin: 0 .16rem .1rem !important;
    padding: .12rem .14rem !important;
    height: auto !important;
    white-space: normal !important;
}
.outMoney .container .list,
.outMoney .container .lisch {
    color: var(--g-text-2) !important;
    font-size: .115rem !important;
    float: none !important;
    width: 100% !important;
    display: block;
    line-height: 1.9 !important;
    white-space: normal !important;
    text-align: left !important;
}
.outMoney .container .lisch { display: inline-block; width: 33% !important; color: var(--g-muted) !important; }
.outMoney .container .lisch b { color: var(--g-text) !important; font-family: var(--g-num); }
.outMoney .container .cz,
.outMoney .container .fy {
    display: inline-block;
    width: .18rem; height: .18rem;
    line-height: .18rem;
    text-align: center;
    border-radius: .05rem;
    font-size: .1rem;
    margin-right: .04rem;
    background: rgba(56, 225, 190, .14);
    color: var(--g-accent) !important;
}
.outMoney + .deta_more,
.deta_more {
    background: transparent !important;
    color: var(--g-muted) !important;
    font-size: .11rem !important;
    padding: .18rem 0 !important;
    text-align: center;
}

/* ============================================================
   2026-11-10 全站 UI 统一 & 遮挡修复
   1) 顶部栏实底不透明 + 统一返回键（不依赖 iconfont）
   2) 交易页：底部交易栏改为布局内吸底，任何视口高度都不遮挡内容
   3) 规则页：内容让出顶部栏高度
   4) 买涨/买跌二级页统一主题
   5) 登录页建筑风格背景
   6) layer 弹窗全站深色化
   ============================================================ */

/* ---------- 1. 顶部栏 ---------- */
.index-head {
    height: .45rem !important;
    background-color: #070B16 !important;
    background-image: linear-gradient(180deg, rgba(56, 225, 190, .055) 0%, rgba(7, 11, 22, 0) 100%) !important;
    opacity: 1 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .075) !important;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    z-index: 900 !important;
}
body.page-trade .index-head { height: .45rem !important; }
.index-head .mid {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    padding: 0 .06rem !important;
    font-size: .155rem !important;
}
.index-head .ri a { font-size: .12rem !important; }

/* 返回键：用 CSS 画箭头，避免 iconfont 字体缺失显示成方块 */
.index-head .le a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    -webkit-tap-highlight-color: transparent;
}
.index-head .le a .iconfont { display: none !important; }
.index-head .le a::before {
    content: "" !important;
    display: block;
    width: .1rem;
    height: .1rem;
    margin-left: .04rem;
    border-left: 2px solid #E8EEF8;
    border-bottom: 2px solid #E8EEF8;
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
    transform: rotate(45deg);
}
.index-head .le a:active::before { border-color: var(--g-accent); }

/* ---------- 2. 交易页：图表在首屏、底部栏不遮挡 ---------- */
body.page-trade .tr-box {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh;
    padding-bottom: 0 !important;
}
body.page-trade .tr-tab {
    position: sticky !important;
    top: .45rem !important;
    z-index: 600 !important;
    background-color: #080E1A !important;
    margin-top: .06rem !important;
    margin-bottom: .04rem !important;
}
body.page-trade .tr-content {
    margin-bottom: .1rem !important;
}
/* 关键：底部栏回到文档流并吸底，不再 fixed 覆盖内容 */
body.page-trade .buy-btn {
    position: sticky !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: 0 !important;
    margin: auto 0 0 !important;
    width: 100% !important;
    flex: 0 0 auto !important;
}
body.page-trade .buy-btn li { min-height: .46rem !important; }
/* 交易页滚动时内容不会被半透明头部盖住 */
body.page-trade .index-head { opacity: 1 !important; }

/* ---------- 3. 规则页：让出顶部栏 ---------- */
body.page-rule .rule-wrap {
    padding-top: .45rem !important;
}
body.page-rule .rule-card:first-child { margin-top: .1rem !important; }
body.page-rule .index-head { background-color: #070B16 !important; }

/* ---------- 4. 买涨 / 买跌 二级页 ---------- */
body.page-buy {
    background-color: var(--g-bg) !important;
    background-image:
        radial-gradient(120% 45% at 6% -8%, rgba(56, 225, 190, .10) 0%, rgba(7, 11, 22, 0) 60%),
        radial-gradient(95% 40% at 100% 0%, rgba(110, 139, 255, .12) 0%, rgba(7, 11, 22, 0) 58%) !important;
    min-height: 100vh;
    padding-bottom: .2rem;
    box-sizing: border-box;
}
body.page-buy .index-head { background-color: #070B16 !important; }
body.page-buy #title em { font-size: .155rem !important; color: var(--g-text) !important; }
body.page-buy #title em + em { color: var(--g-accent) !important; }

body.page-buy .buy-choose,
body.page-buy .buy-choose2 {
    width: auto !important;
    float: none !important;
    margin: .1rem .14rem 0 !important;
    padding: .02rem .14rem !important;
    background: var(--g-card) !important;
    border: 1px solid var(--g-line) !important;
    border-radius: .14rem !important;
    overflow: hidden;
}
body.page-buy .buy-choose li,
body.page-buy .buy-choose2 li {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: auto !important;
    min-height: .46rem !important;
    line-height: 1.4 !important;
    padding: .06rem 0 !important;
    font-size: .125rem !important;
    color: var(--g-muted) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .055) !important;
    background: transparent !important;
    box-sizing: border-box;
}
body.page-buy .buy-choose li:last-child,
body.page-buy .buy-choose2 li:last-child { border-bottom: 0 !important; }
body.page-buy .buy-choose2 #bondHide { border-bottom: 0 !important; }
body.page-buy .buy-choose2 #bondHide li { border-bottom: 1px solid rgba(255, 255, 255, .055) !important; }
body.page-buy .buy-choose2 #bondHide li:last-child { border-bottom: 0 !important; }
body.page-buy .buy-choose li .fr,
body.page-buy .buy-choose2 li .fr {
    float: none !important;
    color: var(--g-text) !important;
    font-family: var(--g-num);
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    font-size: .13rem;
    display: inline-flex;
    align-items: center;
    gap: .05rem;
}

/* 手数 / 保证金 选项 */
body.page-buy .num em {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: .44rem;
    height: .28rem;
    padding: 0 .08rem !important;
    margin-left: .05rem !important;
    border-radius: .08rem !important;
    border: 1px solid var(--g-line) !important;
    background: rgba(255, 255, 255, .04) !important;
    color: var(--g-text-2) !important;
    font-size: .115rem !important;
    font-weight: 500;
    box-sizing: border-box;
}
body.page-buy .num em.active {
    background: linear-gradient(135deg, var(--g-accent) 0%, var(--g-accent-2) 100%) !important;
    border-color: transparent !important;
    color: #04121A !important;
    font-weight: 700;
}

/* 止盈 / 止损 步进器 */
body.page-buy .buy-choose li .win,
body.page-buy .buy-choose li .lost {
    position: static !important;
    display: inline-flex !important;
    align-items: center;
    gap: .05rem;
    width: auto !important;
    height: auto !important;
}
body.page-buy .buy-choose li .win input,
body.page-buy .buy-choose li .lost input {
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: .5rem !important;
    height: .28rem !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
    border: 1px solid var(--g-line) !important;
    border-radius: .08rem !important;
    background: rgba(255, 255, 255, .05) !important;
    color: var(--g-text) !important;
    font-size: .12rem !important;
    box-sizing: border-box;
}
body.page-buy .buy-choose li .win button,
body.page-buy .buy-choose li .lost button {
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: .28rem !important;
    height: .28rem !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    font-size: .16rem !important;
    font-weight: 400 !important;
    border: 1px solid var(--g-line) !important;
    border-radius: .08rem !important;
    background: rgba(255, 255, 255, .07) !important;
    color: var(--g-text) !important;
}

/* 即时买入提示行 */
body.page-buy .buy-choose3 {
    width: auto !important;
    float: none !important;
    margin: .1rem .14rem 0 !important;
    padding: .12rem .14rem !important;
    background: rgba(56, 225, 190, .06) !important;
    border: 1px solid rgba(56, 225, 190, .18) !important;
    border-radius: .12rem !important;
    font-size: .115rem !important;
    line-height: 1.6 !important;
    color: var(--g-text-2) !important;
    box-sizing: border-box;
}
body.page-buy .buy-choose3 input[type="radio"] { display: none; }
body.page-buy .buy-choose3 em { font-family: var(--g-num); font-weight: 700; }

body.page-buy .tip {
    margin: .14rem .14rem .06rem !important;
    text-align: center;
    font-size: .11rem !important;
    color: var(--g-muted) !important;
}
body.page-buy button.confirm,
body.page-buy .confirm {
    display: block;
    width: calc(100% - .28rem) !important;
    margin: 0 auto !important;
    height: .5rem !important;
    line-height: .5rem !important;
    border: 0 !important;
    border-radius: .14rem !important;
    font-size: .155rem !important;
    font-weight: 700 !important;
    letter-spacing: .02em;
    box-sizing: border-box;
}
body.page-buy button.confirm.btn-up {
    background: linear-gradient(135deg, #FF6A7B 0%, #F1455F 100%) !important;
    color: #FFFFFF !important;
    box-shadow: 0 .08rem .24rem rgba(241, 69, 95, .32) !important;
}
body.page-buy button.confirm.btn-down {
    background: linear-gradient(135deg, #2AD49B 0%, #17A876 100%) !important;
    color: #04121A !important;
    box-shadow: 0 .08rem .24rem rgba(23, 168, 118, .3) !important;
}

/* ---------- 5. 登录页：建筑风格背景 ---------- */
body.page-auth {
    background-color: #05080F !important;
    background-image:
        linear-gradient(180deg, rgba(5, 8, 15, .78) 0%, rgba(5, 8, 15, .62) 42%, rgba(5, 8, 15, .90) 100%),
        url('/test/ui/login-bg.jpg') !important;
    background-position: center center, center center !important;
    background-size: cover, cover !important;
    background-repeat: no-repeat, no-repeat !important;
    background-attachment: scroll, scroll !important;
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    box-sizing: border-box;
}
body.page-auth .register-all {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: .1rem .28rem .2rem !important;
    box-sizing: border-box;
}
body.page-auth .register-all > div[style*="height: .45rem"] { display: none !important; }
body.page-auth .logo_img {
    width: 42% !important;
    padding: 0 0 .28rem !important;
    margin: 0 auto !important;
}
body.page-auth .logo_img img {
    width: 100% !important;
    height: auto;
    max-height: .9rem;
    object-fit: contain;
}
body.page-auth .ul-box {
    background: rgba(12, 19, 34, .82) !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    border-radius: .14rem !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    padding: 0 .06rem !important;
    margin: 0 !important;
}
body.page-auth .ul-box li { height: .52rem !important; border-bottom: 1px solid rgba(255, 255, 255, .07) !important; }
body.page-auth .ul-box li:last-child { border-bottom: 0 !important; }
body.page-auth .ul-box li input {
    height: .5rem !important;
    background: transparent !important;
    background-color: transparent !important;
    color: var(--g-text) !important;
    font-size: .14rem !important;
    padding-left: .04rem !important;
}
body.page-auth .ul-box li input::placeholder { color: rgba(160, 175, 200, .72) !important; }
body.page-auth .confi-btn2 {
    height: .48rem !important;
    margin-top: .22rem !important;
    font-size: .155rem !important;
}
body.page-auth .confi-btn.btn-0 {
    background: transparent !important;
    border: 0 !important;
    color: var(--g-accent) !important;
    font-size: .13rem !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
body.page-auth .cent p { margin-top: .16rem !important; }

/* ---------- 6. layer 弹窗全站深色化 ---------- */
.layui-layer,
.layui-layer-dialog,
.layui-layer-page,
.layui-layer-iframe {
    background: #0D1526 !important;
    background-color: #0D1526 !important;
    color: #E8EEF8 !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    border-radius: .14rem !important;
    box-shadow: 0 .22rem .6rem rgba(0, 0, 0, .62) !important;
    overflow: hidden;
}
.layui-layer-title {
    background: transparent !important;
    color: #E8EEF8 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
    font-size: .145rem !important;
    height: .46rem !important;
    line-height: .46rem !important;
}
.layui-layer-content {
    color: #D8E2F2 !important;
    font-size: .135rem !important;
    line-height: 1.7 !important;
    padding: .22rem .2rem !important;
    background: transparent !important;
}
.layui-layer-dialog .layui-layer-content { text-align: center; }
.layui-layer-btn {
    background: transparent !important;
    border-top: 1px solid rgba(255, 255, 255, .07) !important;
    padding: .08rem .1rem .1rem !important;
    text-align: right;
}
.layui-layer-btn a {
    height: .34rem !important;
    line-height: .34rem !important;
    padding: 0 .2rem !important;
    margin: 0 0 0 .1rem !important;
    border-radius: .09rem !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    background: rgba(255, 255, 255, .07) !important;
    color: #D8E2F2 !important;
    font-size: .125rem !important;
    font-weight: 500 !important;
}
.layui-layer-btn .layui-layer-btn0 {
    background: linear-gradient(135deg, #38E1BE 0%, #6E8BFF 100%) !important;
    color: #04121A !important;
    border: 0 !important;
    font-weight: 700 !important;
}
/* 买涨弹窗红色主按钮 / 买跌绿色主按钮 */
.layui-layer.buyR .layui-layer-btn0 {
    background: linear-gradient(135deg, #FF6A7B 0%, #F1455F 100%) !important;
    color: #FFFFFF !important;
}
.layui-layer.buyG .layui-layer-btn0 {
    background: linear-gradient(135deg, #2AD49B 0%, #17A876 100%) !important;
    color: #04121A !important;
}
.layui-layer-setwin .layui-layer-close2,
.layui-layer-setwin a { filter: invert(1) brightness(1.6); opacity: .7; }
.layui-layer-shade { background-color: #000 !important; opacity: .62 !important; }
.layui-layer-loading { background: transparent !important; border: 0 !important; box-shadow: none !important; }

/* ---------- 7. 细节修补 ---------- */
/* 登录页遗留的全屏 <img> 背景会盖住新背景图并产生色带 */
html > img[src*="/images/ngbj.jpg"] { display: none !important; }

/* 交易页标题后的下拉箭头：iconfont 缺字形会显示成方块，改为 CSS 箭头 */
body.page-trade .index-head .mid i.iconfont { display: none !important; }
body.page-trade .index-head .mid::after {
    content: "";
    display: inline-block;
    width: .065rem;
    height: .065rem;
    margin-left: .07rem;
    border-right: 1.6px solid var(--g-text-2);
    border-bottom: 1.6px solid var(--g-text-2);
    transform: translateY(-.03rem) rotate(45deg);
}
/* 代金券行（有券时才显示）排版 */
body.page-buy #bond {
    gap: .1rem !important;
    padding: .08rem 0 !important;
}
body.page-buy #bond label {
    display: inline-flex !important;
    align-items: center;
    gap: .05rem;
    padding: .02rem .1rem;
    border: 1px solid var(--g-line);
    border-radius: 99px;
    background: rgba(255, 255, 255, .05);
    font-size: .115rem;
    color: var(--g-text-2) !important;
}
body.page-buy #bond label input { margin: 0 !important; }

/* ---------- 8. 全站留白与溢出兜底 ---------- */
/* 底部固定导航（.bottom 高 .55rem）统一留白，末屏内容不被压住 */
body {
    padding-bottom: calc(.55rem + env(safe-area-inset-bottom, 0px)) !important;
}
body.page-trade,
body.page-auth { padding-bottom: 0 !important; }
body.page-buy { padding-bottom: calc(.2rem + .55rem) !important; }

/* 买入页提示行旧模板 width:100% + 外边距造成 16px 横向溢出 */
body.page-buy .tip {
    width: auto !important;
    margin-left: .14rem !important;
    margin-right: .14rem !important;
}

/* 出金明细 / 线下明细：bootstrap row 负边距造成横向溢出 */
.row.head.trace,
body .row.mar {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.row.head.trace > [class*="col-"]:first-child { padding-left: 0 !important; }
.row.head.trace > [class*="col-"]:last-child { padding-right: 0 !important; }

/* ---------- 9. 逐页复核后的修补 ---------- */
/* 登录页：卡片底色误加在整块表单容器上，形成色带 */
body.page-auth .register-all {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
}
body.page-auth .logo_img {
    width: auto !important;
    padding: 0 0 .22rem !important;
}
body.page-auth .logo_img img {
    display: block;
    margin: 0 auto;
    width: auto !important;
    height: .68rem !important;
    max-width: 74% !important;
    max-height: none !important;
    object-fit: contain;
    border-radius: 0 !important;
}

/* 首页：底部导航 + 浮动开户条 合计高度，末屏内容不被压住 */
body.page-home {
    padding-bottom: calc(1.02rem + env(safe-area-inset-bottom, 0px)) !important;
}

/* 新手指南 / 帮助文档：旧版白底条目 */
.rule-title, .rule-list2, .rule-content {
    background: transparent !important;
    background-color: transparent !important;
}
.rule-title {
    color: var(--g-accent) !important;
    font-size: .135rem !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
    margin: .14rem 0 .05rem !important;
    padding: .02rem 0 .02rem .1rem !important;
    border-left: 2px solid var(--g-accent);
    border-radius: 0 !important;
}
.rule-list2 {
    color: #B7C4DE !important;
    font-size: .12rem !important;
    line-height: 1.85 !important;
    padding: .02rem 0 !important;
}
.rule-list2 font, .rule-content font, .rule-list2 span { color: inherit !important; }
.rule-content { color: #B7C4DE !important; }

/* 空 iconfont 会渲染成方块 */
.iconfont:empty { display: none !important; }
/* 我的推广：原来的空图标位置改为品牌色圆点 */
body.page-list .promote .head p { position: relative; padding-left: .13rem; }
body.page-list .promote .head p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: .055rem;
    height: .055rem;
    margin-top: -.028rem;
    border-radius: 2px;
    background: var(--g-accent);
}

/* 交易记录 / 持仓：头部内的「持倉 · 結算」分段控件 */
.index-head .position-tab {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}
.position-tab div {
    display: flex !important;
    width: 1.62rem;
    margin: 0 auto;
    padding: .03rem !important;
    background: rgba(255, 255, 255, .06) !important;
    border: 1px solid var(--g-line) !important;
    border-radius: .1rem !important;
}
.position-tab div a {
    flex: 1;
    height: .3rem !important;
    line-height: .3rem !important;
    text-align: center;
    font-size: .12rem !important;
    border-radius: .07rem !important;
    color: var(--g-muted) !important;
    background: transparent !important;
}
.position-tab div a.active {
    background: linear-gradient(135deg, var(--g-accent) 0%, var(--g-accent-2) 100%) !important;
    color: #04121A !important;
    font-weight: 700;
}

/* ---------- 10. 首页浮条改为文档流，避免压住行情卡片 ---------- */
body.page-home .reg-button,
body.page-home .register-box {
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: auto !important;
    width: auto !important;
}
body.page-home .register-box { margin: .12rem .16rem 0 !important; }
body.page-home .reg-button {
    margin: .1rem .16rem 0 !important;
    display: flex !important;
    justify-content: flex-end;
}
body.page-home { padding-bottom: calc(.6rem + env(safe-area-inset-bottom, 0px)) !important; }

/* 推广页：缺字形的 iconfont 会显示成方块，直接隐藏（改用圆点标识） */
.promote .head i.iconfont,
.promote i.iconfont { display: none !important; }

/* 买入页：代金券占位行（切换入口已注释）不再显示，避免出现无标签的「100」 */
body.page-buy #bond { display: none !important; }

/* ---------- 11. 资金 / 设置类表单页统一 ---------- */
body .form-control,
body input.form-control,
body .control-style,
body .textvalue,
body .wrapper-dropdown-1,
body select,
body textarea {
    background: rgba(255, 255, 255, .055) !important;
    background-color: rgba(255, 255, 255, .055) !important;
    border: 1px solid var(--g-line) !important;
    color: var(--g-text) !important;
    border-radius: .1rem !important;
    box-shadow: none !important;
    font-size: .13rem !important;
    padding: 0 .12rem !important;
    height: .44rem !important;
    line-height: .44rem !important;
    -webkit-appearance: none;
}
body .form-control::placeholder,
body .control-style::placeholder,
body .textvalue::placeholder { color: rgba(160, 175, 200, .62) !important; }
body .form-control:focus,
body .control-style:focus,
body .textvalue:focus {
    border-color: rgba(56, 225, 190, .55) !important;
    outline: 0 !important;
}
body .withdrawal-name,
body .help-block,
body .form-group label {
    color: var(--g-muted) !important;
    font-size: .12rem !important;
    line-height: 1.6 !important;
}
body .form-group { margin-bottom: .12rem !important; }
body .wrapper-dropdown-1 { display: flex !important; align-items: center; }
body .wrapper-dropdown-1 .dropdown { background: #101A2C !important; border: 1px solid var(--g-line) !important; border-radius: .1rem !important; }
body .wrapper-dropdown-1 .dropdown li { color: var(--g-text-2) !important; border-bottom: 1px solid rgba(255, 255, 255, .05) !important; }
body .wrapper-dropdown-1 .dropdown li:hover,
body .wrapper-dropdown-1 .dropdown li.active { background: rgba(56, 225, 190, .1) !important; color: var(--g-accent) !important; }

/* 主操作按钮统一为品牌渐变（原为黄色） */
.footer_bg,
.btn-sure,
.btn-3,
.withdrawl-btn,
.submit-btn,
button.btn-submit {
    background: linear-gradient(135deg, var(--g-accent) 0%, var(--g-accent-2) 100%) !important;
    background-image: linear-gradient(135deg, var(--g-accent) 0%, var(--g-accent-2) 100%) !important;
    color: #04121A !important;
    border: 0 !important;
    border-radius: .12rem !important;
    font-weight: 700 !important;
    box-shadow: 0 .06rem .2rem rgba(56, 225, 190, .25) !important;
    text-shadow: none !important;
}
.btn-sure { display: block !important; width: calc(100% - .28rem) !important; margin: .16rem auto !important; height: .46rem !important; line-height: .46rem !important; text-align: center !important; font-size: .145rem !important; }
.footer_bg { height: .5rem !important; line-height: .5rem !important; font-size: .145rem !important; }

/* 充值页二维码：只给图片本身白底，容器保持深色 */
body .boxflex .img-wrap,
body .img-wrap {
    background: #FFFFFF !important;
    border-radius: .14rem !important;
    padding: .12rem !important;
    margin: 0 auto .14rem !important;
    max-width: 2.35rem !important;
    box-sizing: border-box;
}
body .img-wrap img,
body img.userimage {
    display: block !important;
    width: 100% !important;
    border-radius: .08rem !important;
}
body .p_zichan { color: var(--g-text) !important; }
body .moneyhead { color: var(--g-text-2) !important; }
body .moneyhead font[color="red"] { color: var(--g-up) !important; }

/* ---------- 12. 弹窗（layer mobile 2.0）深色化 ---------- */
.layui-m-layerchild,
.layui-m-layer0 .layui-m-layerchild,
.index-msg,
.layerCom,
.buyR,
.buyG {
    background-color: #0E1626 !important;
    background: #0E1626 !important;
    color: #E8EEF8 !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    border-radius: .14rem !important;
    box-shadow: 0 .18rem .5rem rgba(0, 0, 0, .62) !important;
    overflow: hidden;
}
.layui-m-layercont {
    color: #D8E2F2 !important;
    font-size: .14rem !important;
    line-height: 1.75 !important;
    padding: .24rem .2rem !important;
}
.layui-m-layercont * { color: inherit !important; }
.layui-m-layerbtn {
    background: transparent !important;
    background-color: transparent !important;
    border-top: 1px solid rgba(255, 255, 255, .08) !important;
    height: .46rem !important;
    line-height: .46rem !important;
}
.layui-m-layerbtn span {
    background: transparent !important;
    background-color: transparent !important;
    color: #C7D3E6 !important;
    font-size: .135rem !important;
    border-right: 1px solid rgba(255, 255, 255, .07) !important;
    border-radius: 0 !important;
}
.layui-m-layerbtn span:last-child { border-right: 0 !important; }
.buyR .layui-m-layerbtn span:last-child {
    background: linear-gradient(135deg, #FF6A7B 0%, #F1455F 100%) !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
}
.buyG .layui-m-layerbtn span:last-child {
    background: linear-gradient(135deg, #2AD49B 0%, #17A876 100%) !important;
    color: #04121A !important;
    font-weight: 700 !important;
}
.layerCom .layui-m-layerbtn span,
.index-msg .layui-m-layerbtn span {
    background: linear-gradient(135deg, #38E1BE 0%, #6E8BFF 100%) !important;
    color: #04121A !important;
    font-weight: 700 !important;
    border-radius: 0 !important;
}
.index-msg .layui-m-layerbtn span { border-bottom-left-radius: .14rem !important; border-bottom-right-radius: .14rem !important; }
.layui-m-layershade { background-color: rgba(0, 0, 0, .66) !important; }

/* 银行卡页：bootstrap form-group 白底 */
body .form-group {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
/* 提现页：红色勾选图标改为品牌色描边 */
img[src*="seleted.png"] { display: none !important; }
.boxflex1:has(img[src*="pay.png"]) {
    border-color: rgba(56, 225, 190, .45) !important;
    background: rgba(56, 225, 190, .06) !important;
}

/* ---------- 13. 交易页下拉菜单统一（2026-11-10 二次修复） ---------- */
/* 品种切换浮层：容器已深色，但旧样式给每个 li 加了 rgba(255,255,255,.92) 白底，
   导致白块 + 浅灰文字不可读。这里把每个品种改成独立的深色卡片。 */
body.page-trade .pro-name {
    top: .45rem !important;
    padding: .1rem .1rem .14rem !important;
    background: rgba(9, 14, 26, .98) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
    box-shadow: 0 .18rem .4rem rgba(0, 0, 0, .55);
}
body.page-trade .pro-name > a {
    display: block !important;
    width: 33.3333% !important;
    float: left !important;
    padding: .045rem !important;
    box-sizing: border-box;
    text-decoration: none;
}
body.page-trade .pro-name li {
    width: 100% !important;
    height: .52rem !important;
    line-height: .52rem !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: rgba(255, 255, 255, .05) !important;
    border: 1px solid rgba(255, 255, 255, .075) !important;
    border-radius: .12rem !important;
    color: var(--g-text-2) !important;
    text-align: center !important;
    font-size: .125rem !important;
    font-weight: 500 !important;
    box-sizing: border-box;
    transition: background .18s ease, border-color .18s ease, color .18s ease;
}
body.page-trade .pro-name li:active,
body.page-trade .pro-name li.active {
    background: rgba(56, 225, 190, .14) !important;
    border-color: rgba(56, 225, 190, .45) !important;
    color: var(--g-accent) !important;
}

/* 分钟周期子菜单：与品种卡片同一套视觉（深色浮层 + 圆角 + 分隔线） */
body.page-trade .tr-tab2 {
    background: rgba(10, 16, 30, .98) !important;
    border: 1px solid rgba(255, 255, 255, .09) !important;
    border-radius: .12rem !important;
    box-shadow: 0 .12rem .32rem rgba(0, 0, 0, .55) !important;
    padding: .04rem 0 !important;
    overflow: hidden;
}
body.page-trade .tr-tab2 li {
    color: var(--g-text-2) !important;
    font-size: .12rem !important;
    text-align: center !important;
    border-bottom: 1px solid rgba(255, 255, 255, .055) !important;
}
body.page-trade .tr-tab2 li:last-child { border-bottom: 0 !important; }
body.page-trade .tr-tab2 li:active {
    background: rgba(56, 225, 190, .14) !important;
    color: var(--g-accent) !important;
}

/* 分钟子菜单贴着「分鐘」标签右缘展开，避免居中时右侧被屏幕裁掉 */
body.page-trade .tr-tab2 {
    left: auto !important;
    right: 0 !important;
    transform: none !important;
    min-width: 1.12rem !important;
}

/* ============================================================
   14. 提领页（/user/with-draw）表单排版修复
   旧样式：.withdrawal-name{width:25%;float:left} + .withdrawal-con{width:75%;float:left}
   卡片有左右内边距，25%+75% 以内容盒计算会溢出；长标签在 25% 内换行；
   银行行又用 .wrapper-dropdown-1{width:75%;margin:0 auto}，与其它行宽度不一致。
   统一改为「固定标签列 + 自适应输入列」的 flex 行。
   ============================================================ */

/* 顶部账户卡 */
.personal > .boxflex.boxflex1 {
    margin: .1rem .14rem 0 !important;
    padding: .12rem .14rem !important;
    background: var(--g-card) !important;
    border: 1px solid var(--g-line) !important;
    border-radius: .14rem !important;
    box-sizing: border-box;
    align-items: center;
}
.personal > .boxflex.boxflex1 .img-wrap {
    margin: 0 .12rem 0 0 !important;
    width: .56rem !important;
    height: .56rem !important;
    flex: 0 0 .56rem;
}
.personal > .boxflex.boxflex1 .p_zichan {
    padding: 0 !important;
    font-size: .13rem !important;
    color: var(--g-text) !important;
    line-height: 1.4 !important;
}
.personal > .boxflex.boxflex1 .cash {
    padding: 0 !important;
    font-size: .115rem !important;
    color: var(--g-muted) !important;
    line-height: 1.6 !important;
}
.personal > .boxflex.boxflex1 .cash b {
    color: var(--g-accent) !important;
    font-family: var(--g-num);
    font-size: .145rem;
    font-weight: 700;
    margin: 0 .04rem;
}

/* 表单整体做成一张卡片，行之间用分隔线 */
form#with-drawForm {
    margin: .1rem .14rem .12rem !important;
    padding: .02rem .14rem !important;
    background: var(--g-card) !important;
    border: 1px solid var(--g-line) !important;
    border-radius: .14rem !important;
    box-sizing: border-box;
}
form#with-drawForm > .boxflex1 {
    display: flex !important;
    align-items: center;
    width: auto !important;
    min-height: .6rem;
    margin: 0 !important;
    padding: .09rem 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .055) !important;
    border-radius: 0 !important;
    box-sizing: border-box;
}
form#with-drawForm > .boxflex1:last-of-type { border-bottom: 0 !important; }

/* 标签列固定宽度，不再随字数换行、不再浮动 */
form#with-drawForm .withdrawal-name {
    flex: 0 0 1.02rem !important;
    width: 1.02rem !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 .06rem 0 0 !important;
    color: var(--g-muted) !important;
    font-size: .12rem !important;
    line-height: 1.45 !important;
    box-sizing: border-box;
}

/* 输入列自适应，银行下拉与普通输入同宽 */
form#with-drawForm .withdrawal-con,
form#with-drawForm .wrapper-dropdown-1 {
    flex: 1 1 auto !important;
    width: auto !important;
    float: none !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    display: block;
}
form#with-drawForm .withdrawal-con .form-group,
form#with-drawForm .wrapper-dropdown-1 .form-group { margin: 0 !important; }
form#with-drawForm .help-block { display: none !important; }

form#with-drawForm input.control-style,
form#with-drawForm input.form-control {
    width: 100% !important;
    height: .44rem !important;
    line-height: .44rem !important;
    text-align: left !important;
    text-indent: 0 !important;
    padding: 0 .12rem !important;
    font-size: .125rem !important;
    box-sizing: border-box;
}

/* 银行下拉箭头：旧的白色右向三角，改成与全站一致的向下箭头 */
form#with-drawForm .wrapper-dropdown-1:after {
    border: 0 !important;
    width: .07rem !important;
    height: .07rem !important;
    border-right: 1.6px solid #8695B6 !important;
    border-bottom: 1.6px solid #8695B6 !important;
    transform: rotate(45deg);
    right: .14rem !important;
    top: 50% !important;
    margin-top: -.05rem !important;
}

/* 「提領方式」分组标题行：去掉分隔线，作为小标题 */
form#with-drawForm > .boxflex1:has(> .moneyhead:only-child) {
    min-height: 0 !important;
    padding: .13rem 0 .05rem !important;
    border-bottom: 0 !important;
}
form#with-drawForm .moneyhead {
    color: var(--g-muted) !important;
    font-size: .12rem !important;
    line-height: 1.4 !important;
}

/* 支付方式选项行 */
form#with-drawForm > .boxflex1.none {
    min-height: 0 !important;
    margin: .02rem 0 .04rem !important;
    padding: .09rem .12rem !important;
    gap: .1rem;
    background: rgba(56, 225, 190, .07) !important;
    border: 1px solid rgba(56, 225, 190, .32) !important;
    border-radius: .12rem !important;
}
form#with-drawForm > .boxflex1.none img:first-child {
    width: .28rem !important;
    height: .28rem !important;
    border-radius: .08rem;
    object-fit: contain;
    flex: 0 0 .28rem;
    background: #fff;
}
form#with-drawForm > .boxflex1.none span {
    font-size: .125rem !important;
    color: var(--g-text) !important;
    font-weight: 500;
}
form#with-drawForm > .boxflex1.none img[src*="seleted"] { display: none !important; }

/* 小提示与提交按钮 */
.withdrawal-tips {
    margin: .12rem .16rem .02rem !important;
    color: var(--g-muted) !important;
    font-size: .115rem !important;
    line-height: 1.9 !important;
}
.withdrawal-tips ul li {
    color: #93A0BB !important;
    font-size: .115rem !important;
    line-height: 1.9 !important;
    padding-left: .02rem !important;
}
.withdrawl-btn {
    margin: .14rem .14rem .22rem !important;
    padding: 0 !important;
    height: .5rem !important;
    line-height: .5rem !important;
    border-radius: .12rem !important;
    font-size: .145rem !important;
}