/* dark-theme.css - 透明主题更新版 */
body, uni-page-body, .uni-page-body, uni-app { 
    background-color: #000000 !important; 
}

/* ========== 顶部导航条 - 和容器一样的透明度 ========== */
.u-navbar.u-navbar-fixed.u-border-bottom,
.u-navbar.u-navbar-fixed.u-border-bottom[style*="background: rgb(51, 51, 51)"],
.u-navbar.u-navbar-fixed.u-border-bottom[style*="background-color: rgb(51, 51, 51)"],
.u-navbar-inner {
    background: rgba(30,30,30,0.8) !important;
    background-color: rgba(30,30,30,0.8) !important;
    backdrop-filter: none !important;
    border-color: rgba(255,215,0,0.2) !important;
}

/* 顶部导航条字体保持白色 */
.u-navbar-content-title .u-title,
.u-navbar-content-title .u-title[style*="color: rgb(238, 238, 238)"],
.u-title.u-line-1 {
    color: #FFFFFF !important;
    font-weight: bold !important;
}

/* 顶部导航条图标保持白色 */
.u-back-wrap .u-icon__icon,
.u-slot-right .u-icon__icon,
.u-icon__icon.uicon-arrow-leftward,
.u-icon__icon.uicon-server-man {
    color: #FFFFFF !important;
}

/* ========== 金融页面锁仓挖矿容器 ========== */
/* 锁仓挖矿主容器 */
uni-swiper[data-v-48518b95] .high-quality-project-item,
uni-swiper[data-v-2a5456e5] .high-quality-project-item,
.high-quality-project-item.bg-black {
    background: rgba(30,30,30,0.8) !important;
    background-color: rgba(30,30,30,0.8) !important;
    border: 1px solid rgba(255,215,0,0.2) !important;
    border-radius: 10px !important;
}

/* 金融页面所有卡片容器 */
.mx-30.mt-26.z-index-10.mb-70,
.bg-black.d-flex.px-40.py-30.border-radius-10,
.d-flex.align-items-center.justify-content-center.bg-black.border-radius-10,
.mx-30.my-20.bg-secondary.p-30.border-radius-20.bg-black,
.bg-black.d-flex.px-40.py-30.border-radius-10.align-items-center.w-49 {
    background: rgba(30,30,30,0.8) !important;
    background-color: rgba(30,30,30,0.8) !important;
    border: 1px solid rgba(255,215,0,0.2) !important;
}

/* ========== 其他容器保持现有透明度 ========== */
.u-notice-bar-wrap,
.u-notice-bar.u-type-warning-light-bg {
    background: rgba(30,30,30,0.8) !important;
    background-color: rgba(30,30,30,0.8) !important;
    border-color: rgba(255,215,0,0.3) !important;
}

.u-subsection {
    background-color: rgba(30,30,30,0.8) !important;
    border-color: rgba(255,215,0,0.3) !important;
}

.box-shadow.border-radius-20.bg-black,
.p-30.box-shadow.border-radius-20.mb-20.bg-black {
    background: rgba(30,30,30,0.8) !important;
    background-color: rgba(30,30,30,0.8) !important;
    border: 1px solid rgba(255,215,0,0.2) !important;
}

/* 导航条选择按钮 */
.u-subsection .u-item-bg {
    background-color: rgba(255,215,0,0.3) !important;
    border-radius: 29px !important;
}

/* 选中的导航项 - 金色 */
.u-subsection .u-item.active .u-item-text,
.u-subsection .u-item.u-item-0 .u-item-text[style*="color: rgb(255, 215, 166)"],
.u-subsection .u-item-text[style*="color: rgb(255, 215, 166)"],
.u-subsection .u-item-text[style*="color: rgb(77, 77, 77)"],
.u-subsection .u-item-text[style*="color: rgb(255, 255, 255)"] {
    color: #FFD700 !important;
    font-weight: bold !important;
}

/* 未选中的导航项 */
.u-subsection .u-item-text {
    color: rgba(255,255,255,0.6) !important;
}

/* 特殊处理的灰色背景 */
.bg-333,
[style*="background-color: rgb(77, 77, 77)"],
[style*="background: rgb(77, 77, 77)"],
[style*="background-color: rgb(51, 51, 51)"],
[style*="background: rgb(51, 51, 51)"] {
    background: rgba(30,30,30,0.8) !important;
    background-color: rgba(30,30,30,0.8) !important;
}

/* 底部导航栏 */
.uni-tabbar {
    background: rgba(30,30,30,0.9) !important;
    background-color: rgba(30,30,30,0.9) !important;
    border-top: 1px solid rgba(255,215,0,0.2) !important;
}

/* ========== 登录页面容器 ========== */
.login-container {
    background: rgba(30,30,30,0.8) !important;
    background-color: rgba(30,30,30,0.8) !important;
    border: 1px solid rgba(255,215,0,0.2) !important;
    border-radius: 10px !important;
}

.login-input-group {
    background: rgba(30,30,30,0.8) !important;
    background-color: rgba(30,30,30,0.8) !important;
    border: 1px solid rgba(255,215,0,0.2) !important;
    border-radius: 8px !important;
}

.login-input .uni-input-wrapper {
    background: transparent !important;
}

/* ========== 注册页面容器 ========== */
.login-container[data-v-1490f0ac] {
    background: rgba(30,30,30,0.8) !important;
    background-color: rgba(30,30,30,0.8) !important;
    border: 1px solid rgba(255,215,0,0.2) !important;
}

.send-code-button {
    background: rgba(255,215,0,0.2) !important;
    border: 1px solid rgba(255,215,0,0.3) !important;
    color: #FFD700 !important;
}

/* ========== 个人身份认证容器 ========== */
.p-30.bg-black[data-v-ec871234] {
    background: rgba(30,30,30,0.8) !important;
    background-color: rgba(30,30,30,0.8) !important;
    border: 1px solid rgba(255,215,0,0.2) !important;
    border-radius: 10px !important;
}

/* ========== 充值页面导航条 ========== */
.bg-black.text-white.px-30.py-16.box-shadow.border-radius-10,
.bg-black.px-30.py-16.box-shadow.border-radius-10 {
    background: rgba(30,30,30,0.8) !important;
    background-color: rgba(30,30,30,0.8) !important;
    border: 1px solid rgba(255,215,0,0.2) !important;
}

/* ========== 币币划转页面容器 ========== */
.bg-black.text-white.border-radius-10.p-30.mt-30,
.bg-black.text-white.border-radius-10.p-30 {
    background: rgba(30,30,30,0.8) !important;
    background-color: rgba(30,30,30,0.8) !important;
    border: 1px solid rgba(255,215,0,0.2) !important;
}

.transfer-input-group .input .uni-input-wrapper {
    background: rgba(40,40,40,0.6) !important;
    border: 1px solid rgba(255,215,0,0.2) !important;
    border-radius: 6px !important;
}

/* ========== 资金划转导航条 ========== */
.u-subsection[data-v-576195b6] {
    background-color: rgba(30,30,30,0.8) !important;
    border-color: rgba(255,215,0,0.3) !important;
}

.u-subsection[data-v-576195b6] .u-item-bg {
    background-color: rgba(255,215,0,0.3) !important;
}

/* 资金划转选中状态 */
.u-subsection[data-v-576195b6] .u-item-text[style*="color: rgb(77, 77, 77)"] {
    color: #FFD700 !important;
    font-weight: bold !important;
}

.u-subsection[data-v-576195b6] .u-item-text[style*="color: rgb(255, 215, 166)"] {
    color: #FFD700 !important;
    font-weight: bold !important;
}

/* ========== 提现页面容器 ========== */
.bg-black.px-30.py-16.box-shadow.border-radius-10[data-v-389b4c78] {
    background: rgba(30,30,30,0.8) !important;
    background-color: rgba(30,30,30,0.8) !important;
    border: 1px solid rgba(255,215,0,0.2) !important;
}


/* ========== 按钮统一样式 ========== */
.warning-button {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #000000 !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 8px !important;
}

/* ========== 身份认证上传图片容器 ========== */
.upload-wrap {
    background: rgba(30,30,30,0.8) !important;
    background-color: rgba(30,30,30,0.8) !important;
    border: 1px solid rgba(255,215,0,0.2) !important;
    border-radius: 10px !important;
}

.upload-wrap .u-icon__icon {
    color: #FFD700 !important;
}

/* ========== 已认证按钮 - 金色渐变 ========== */
.success-button {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #000000 !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 8px !important;
}

/* ========== 添加钱包地址页面 ========== */


/* 钱包地址上传二维码容器 */
.upload-wrap.mt-30.ml-0 {
    background: rgba(30,30,30,0.8) !important;
    background-color: rgba(30,30,30,0.8) !important;
    border: 1px solid rgba(255,215,0,0.2) !important;
    border-radius: 10px !important;
}

/* 提交按钮 - 金色渐变 */
.error-button.mt-50 {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #000000 !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 8px !important;
}

/* ========== 钱包地址容器 ========== */
.item[data-v-b0ab92ac] {
    background: rgba(30,30,30,0.8) !important;
    background-color: rgba(30,30,30,0.8) !important;
    border: 1px solid rgba(255,215,0,0.2) !important;
    border-radius: 10px !important;
}

.item[data-v-b0ab92ac] .u-border-top {
    border-top: 1px solid rgba(255,215,0,0.2) !important;
}

/* ========== 购买理财页面容器 ========== */
.mt-8.p-20.bg-black.border-radius-10[data-v-3f937b7f] {
    background: rgba(30,30,30,0.8) !important;
    background-color: rgba(30,30,30,0.8) !important;
    border: 1px solid rgba(255,215,0,0.2) !important;
}

/* ========== 充值记录订单容器 ========== */
.bg-black.text-white.my-30.p-20.border-radius-20[data-v-5c2c11ee] {
    background: rgba(30,30,30,0.8) !important;
    background-color: rgba(30,30,30,0.8) !important;
    border: 1px solid rgba(255,215,0,0.2) !important;
}

/* ========== 钱包地址页面添加新账号按钮 ========== */
.add-new-account-btn {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #000000 !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 8px !important;
}

/* ========== 添加钱包地址页面输入框 ========== */
/* 请选择币种容器 */
.input[data-v-2d480a1d] .uni-input-wrapper {
    background: rgba(30,30,30,0.8) !important;
    border: 1px solid rgba(255,215,0,0.2) !important;
    border-radius: 8px !important;
}

/* 请输入钱包地址容器 */
.input[data-v-2d480a1d] .uni-input-wrapper {
    background: rgba(30,30,30,0.8) !important;
    border: 1px solid rgba(255,215,0,0.2) !important;
    border-radius: 8px !important;
}

/* ========== 修改登录密码页面 ========== */
/* 显示邮箱号容器 */
.input[data-v-962896d4] .uni-input-wrapper {
    background: rgba(30,30,30,0.8) !important;
    border: 1px solid rgba(255,215,0,0.2) !important;
    border-radius: 8px !important;
}

/* 输入验证码容器 */
.input[data-v-962896d4] .uni-input-wrapper {
    background: rgba(30,30,30,0.8) !important;
    border: 1px solid rgba(255,215,0,0.2) !important;
    border-radius: 8px !important;
}

/* 眼睛图标 */
.eye.icon-yanjing_xianshi {
    color: #FFD700 !important;
}

/* 再次输入密码框 */
.input[data-v-962896d4] .uni-input-wrapper {
    background: rgba(30,30,30,0.8) !important;
    border: 1px solid rgba(255,215,0,0.2) !important;
    border-radius: 8px !important;
}

/* 确定按钮 - 金色渐变 */
.error-button.mt-40 {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #000000 !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 8px !important;
}

/* ========== 交易按钮 - 金色渐变 ========== */
/* 合约交易卖出做空按钮 */
.error-button.mt-60.py-0.font-size-28 {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #000000 !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 6px !important;
}

/* 币币交易卖出按钮 */
.error-button.py-0.font-size-28 {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #000000 !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 6px !important;
}

/* 期权交易买少订单确定按钮 */
.w-48.font-size-28.py-0.error-button {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #000000 !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 6px !important;
}

/* ========== 资产页面显示资产容器 ========== */
.deposit[data-v-cc8edfaa] {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #000000 !important;
    border-radius: 10px !important;
    padding: 20px !important;
}

.deposit[data-v-cc8edfaa] .iconfont,
.deposit[data-v-cc8edfaa] .opacity-50 {
    color: rgba(0,0,0,0.7) !important;
}

.deposit[data-v-cc8edfaa] .font-weight-bold {
    color: #000000 !important;
}

/* ========== 钱包币种价格容器 - 金色渐变 ========== */
.deposit.m-30[data-v-ef3b48c0] {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #000000 !important;
    border-radius: 10px !important;
    padding: 20px !important;
}

.deposit.m-30[data-v-ef3b48c0] .iconfont,
.deposit.m-30[data-v-ef3b48c0] .opacity-50,
.deposit.m-30[data-v-ef3b48c0] .text-white {
    color: rgba(0,0,0,0.7) !important;
}

.deposit.m-30[data-v-ef3b48c0] .font-size-40,
.deposit.m-30[data-v-ef3b48c0] .font-size-22 {
    color: #000000 !important;
}


/* ========== NFT页面强制白色背景 ========== */
/* 强制NFT页面白色背景 */
body[data-page*="nft"],
uni-page[data-page*="nft"],
uni-page-body[data-page*="nft"],
[data-page*="nft"] body,
[data-page*="nft"] uni-page,
[data-page*="nft"] uni-page-body {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
}

/* NFT页面所有元素恢复白色主题 */
[data-page*="nft"] .bg-black,
[data-page*="nft"] [class*="bg-"] {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    color: #000000 !important;
}

/* NFT页面容器恢复白色 */
[data-page*="nft"] uni-view {
    background-color: #FFFFFF !important;
    color: #000000 !important;
}

/* ========== 锁仓挖矿订单详情容器 - 金色渐变 ========== */
.deposit.mt-30.mx-30[data-v-33441844] {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #000000 !important;
    border-radius: 10px !important;
    padding: 20px !important;
}

/* 锁仓按钮 - 金色渐变 */
.tag.tag-warning.font-size-28.px-20 {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #000000 !important;
    font-weight: bold !important;
    border: none !important;
}

/* ========== 锁仓赚币订单详情容器 - 金色渐变 ========== */
.deposit.mt-30.mx-30[data-v-3178cc3a] {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #000000 !important;
    border-radius: 10px !important;
    padding: 20px !important;
}

/* 全部按钮 - 金色渐变 */
.tag.tag-warning.position-absolute {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #000000 !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 5px !important;
}

/* ========== 充值页面保存二维码按钮 - 金色渐变 ========== */
.save-button {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #000000 !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 8px !important;
}

/* ========== 合约交易委托列表容器 - 黑色透明 ========== */
.p-30.position-relative[data-v-09cd4868] {
    background: rgba(30,30,30,0.8) !important;
    background-color: rgba(30,30,30,0.8) !important;
    border: 1px solid rgba(255,215,0,0.2) !important;
    border-radius: 10px !important;
    color: #FFFFFF !important;
}

/* 一键平仓按钮 - 金色渐变 */
.error-button.position-absolute.font-size-22.py-0.px-70 {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #000000 !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 5px !important;
}

/* ========== 理财页面按钮 - 金色渐变 ========== */
.item.font-size-32.nav-1.active,
.item.font-size-32.ml-10.nav-2.active {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #000000 !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 8px 16px !important;
}

/* ========== 币币划转换按钮 - 纯金色 ========== */
.iconfont.icon-zhuanhuan1.text-warning.font-size-70 {
    color: #FFD700 !important;
    filter: drop-shadow(0 0 5px rgba(255,215,0,0.5)) !important;
}
/* ========== 修复K线图时间选择器宽度 ========== */
/* 时间选择器容器 - 设置足够宽度 */
[data-v-0ca13547] .options,
[data-v-0ca13547] .item.overflow-hidden {
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid rgba(255,215,0,0.3) !important;
    border-radius: 4px 4px 0 0 !important;
    width: 100% !important;
    overflow: visible !important;
}

/* 滚动区域 - 取消滚动，直接显示所有内容 */
[data-v-0ca13547] uni-scroll-view,
[data-v-0ca13547] .uni-scroll-view {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    overflow: visible !important;
    width: 100% !important;
}

/* 内容区域 - 强制显示所有时间选项 */
[data-v-0ca13547] .uni-scroll-view-content {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    overflow: visible !important;
    width: auto !important;
    white-space: nowrap !important;
    display: block !important;
}

/* 确保所有时间选项都显示在一行 */
[data-v-0ca13547] .uni-scroll-view-content > * {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 10px !important;
}

/* 时间选项文字颜色 */
[data-v-0ca13547] .mx-10 {
    color: #FFFFFF !important;
}

[data-v-0ca13547] .text-primary {
    color: #FFD700 !important;
    font-weight: bold !important;
}

/* K线图主区域 - 保持完整边框 */
[data-v-0ca13547] .content {
    background: transparent !important;
    border: 1px solid rgba(255,215,0,0.3) !important;
    border-top: none !important;
    border-radius: 0 0 4px 4px !important;
}

/* 恢复K线图分隔线 */
#renderKlinechart div[style*="background-color: rgb(51, 51, 51)"] {
    background-color: rgba(255,215,0,0.3) !important;
}

/* 移除滚动条和限制 */
.uni-scroll-view::-webkit-scrollbar {
    display: none !important;
}

/* ========== 交易页面字体颜色调整 ========== */
/* 今日高今日低 - 纯白色 */
[data-v-f8a186e4] .d-block.opacity-30.text-white {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* 合约交易价格 - 纯白色 */
[data-v-c610390e] .d-block.opacity-75 {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* 交易对字体 - 超纯白色 */
[data-v-f8a186e4] .d-flex.align-items-center.font-weight-bold.opacity-75 {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

[data-v-f8a186e4] .font-size-40.mx-10 {
    color: #FFFFFF !important;
}

/* 交易价格 - 纯白色 */
[data-v-f8a186e4] .font-size-22.opacity-30.text-white {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* ========== 买多买少按钮 - 横排布局 + 立体渐变 ========== */
/* 买多按钮 - 立体感绿色渐变 */
[data-v-f8a186e4] .footer .btn1 {
    background: linear-gradient(135deg, #00ff88, #00cc66) !important;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(0, 255, 136, 0.3) !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 8px !important;
}

/* 买少按钮 - 立体感红色渐变 */
[data-v-f8a186e4] .footer .btn2 {
    background: linear-gradient(135deg, #ff4444, #cc0000) !important;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(255, 68, 68, 0.3) !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 8px !important;
}

/* 按钮文字横排布局 */
[data-v-f8a186e4] .footer .btn {
    flex-direction: row !important;
    gap: 8px !important;
}

[data-v-f8a186e4] .footer .btn uni-text {
    color: #FFFFFF !important;
    font-weight: bold !important;
    font-size: 18px !important;
    display: inline !important;
}

[data-v-f8a186e4] .footer .btn .d-block {
    display: inline !important;
}

/* ========== 行情页面红绿色按钮 ========== */
[data-v-bab5fcd6] .right[style*="background-color: rgb(40, 186, 152)"] {
    background: linear-gradient(135deg, #00ff88, #00cc66) !important;
    color: #000000 !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 8px rgba(0, 255, 136, 0.3) !important;
}

[data-v-bab5fcd6] .right[style*="background-color: rgb(240, 74, 90)"] {
    background: linear-gradient(135deg, #ff4444, #cc0000) !important;
    color: #000000 !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 8px rgba(255, 68, 68, 0.3) !important;
}


/* ========== 个人中心字体颜色 ========== */
/* ID和信用分 - 纯白色 */
[data-v-7199c49a] .d-block.font-size-22.opacity-50 {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* 安全设置邮箱 - 纯白色 */
[data-v-21830f10] .text.font-size-28.opacity-50 {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* ========== 退出登录提示框 ========== */
/* 提示标题 - 黑色 */
.uni-modal__title {
    color: #000000 !important;
    font-weight: bold !important;
}

/* 取消按钮 - 金色渐变，白色字体 */
.uni-modal__btn_default {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 8px rgba(255, 215, 0, 0.3) !important;
    text-align: center !important;
}

/* 确定按钮 - 金色渐变，黑色字体 */
.uni-modal__btn_primary {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #000000 !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 8px rgba(255, 215, 0, 0.3) !important;
    text-align: center !important;
}

/* 提示框按钮容器布局 */
.uni-modal__ft {
    display: flex !important;
    justify-content: space-between !important;
}

.uni-modal__btn {
    flex: 1 !important;
    margin: 0 5px !important;
    padding: 10px !important;
    text-align: center !important;
}

/* ========== 首页总资产 - 纯白色 ========== */
[data-v-2a5456e5] .d-flex.align-items-center.text-white {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

[data-v-2a5456e5] .text-white {
    color: #FFFFFF !important;
}

/* ========== 锁仓天数按钮 - 绿色立体感 ========== */
[data-v-2a5456e5] .hige-quality-project-sskc {
    background: linear-gradient(135deg, #00ff88, #00cc66) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 6px rgba(0, 255, 136, 0.3) !important;
    text-align: center !important;
    display: inline-block !important;
    padding: 2px 8px !important;
}

/* ========== 充值页面数字货币按钮 - 绿色立体感 ========== */
/* 第一个充值页面 */
[data-v-2047c54b] .type {
    background: linear-gradient(135deg, #00ff88, #00cc66) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 6px rgba(0, 255, 136, 0.3) !important;
    text-align: center !important;
}

/* 第二个充值页面 */
[data-v-57a4c53e] .type {
    background: linear-gradient(135deg, #00ff88, #00cc66) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 6px rgba(0, 255, 136, 0.3) !important;
    text-align: center !important;
}

/* ========== 首页行情涨幅按钮 - 立体感红绿色 ========== */
/* 绿色涨幅按钮 */
[data-v-2a5456e5] .right[style*="background-color: rgb(40, 186, 152)"] {
    background: linear-gradient(135deg, #00ff88, #00cc66) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 6px rgba(0, 255, 136, 0.3) !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 红色跌幅按钮 */
[data-v-2a5456e5] .right[style*="background-color: rgb(240, 74, 90)"] {
    background: linear-gradient(135deg, #ff4444, #cc0000) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 6px rgba(255, 68, 68, 0.3) !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ========== 通用按钮文字居中 ========== */
.uni-modal__btn,
[data-v-2a5456e5] .hige-quality-project-sskc,
[data-v-2047c54b] .type,
[data-v-57a4c53e] .type,
[data-v-2a5456e5] .right {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}
/* ========== 个人中心字体颜色 ========== */
/* ID和信用分 - 纯白色 */
[data-v-7199c49a] .d-block.font-size-22.opacity-50 {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* 安全设置邮箱 - 纯白色 */
[data-v-21830f10] .text.font-size-28.opacity-50 {
    color: #FFFFFF !important;
    opacity: 1 !important;
}
/* ========== 退出登录提示框 - 长方形按钮 ========== */
/* 提示标题 - 黑色 */
.uni-modal__title {
    color: #000000 !important;
    font-weight: bold !important;
}

/* 取消按钮 - 金色渐变，白色字体，长方形 */
.uni-modal__btn_default {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 0 !important; /* 去掉圆角 */
    box-shadow: 0 2px 4px rgba(255, 215, 0, 0.3) !important;
    text-align: center !important;
    height: 60% !important; /* 高度调整为60% */
    min-height: 36px !important; /* 最小高度 */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 确定按钮 - 金色渐变，黑色字体，长方形 */
.uni-modal__btn_primary {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #000000 !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 0 !important; /* 去掉圆角 */
    box-shadow: 0 2px 4px rgba(255, 215, 0, 0.3) !important;
    text-align: center !important;
    height: 60% !important; /* 高度调整为60% */
    min-height: 36px !important; /* 最小高度 */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 提示框按钮容器布局 */
.uni-modal__ft {
    display: flex !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

.uni-modal__btn {
    flex: 1 !important;
    margin: 0 !important;
    padding: 8px 0 !important; /* 调整内边距 */
}

/* ========== 充值页面数字货币按钮 - 保持椭圆形状只改颜色 ========== */
/* 第一个充值页面 - 只改变背景色保持椭圆形状 */
[data-v-2047c54b] .type {
    background: linear-gradient(135deg, #00ff88, #00cc66) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    /* 保持原有的椭圆形状，不改变border-radius */
    box-shadow: 0 2px 6px rgba(0, 255, 136, 0.3) !important;
    text-align: center !important;
}

/* 第二个充值页面 - 只改变背景色保持椭圆形状 */
[data-v-57a4c53e] .type {
    background: linear-gradient(135deg, #00ff88, #00cc66) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    /* 保持原有的椭圆形状，不改变border-radius */
    box-shadow: 0 2px 6px rgba(0, 255, 136, 0.3) !important;
    text-align: center !important;
}

/* ========== 其他样式保持不变 ========== */
/* 个人中心字体颜色 */
[data-v-7199c49a] .d-block.font-size-22.opacity-50 {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

[data-v-21830f10] .text.font-size-28.opacity-50 {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* 首页总资产 - 纯白色 */
[data-v-2a5456e5] .d-flex.align-items-center.text-white {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* 锁仓天数按钮 - 绿色立体感 */
[data-v-2a5456e5] .hige-quality-project-sskc {
    background: linear-gradient(135deg, #00ff88, #00cc66) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 6px rgba(0, 255, 136, 0.3) !important;
    text-align: center !important;
    display: inline-block !important;
    padding: 2px 8px !important;
}

/* 首页行情涨幅按钮 - 立体感红绿色 */
[data-v-2a5456e5] .right[style*="background-color: rgb(40, 186, 152)"] {
    background: linear-gradient(135deg, #00ff88, #00cc66) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 6px rgba(0, 255, 136, 0.3) !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

[data-v-2a5456e5] .right[style*="background-color: rgb(240, 74, 90)"] {
    background: linear-gradient(135deg, #ff4444, #cc0000) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 6px rgba(255, 68, 68, 0.3) !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/* ========== 登录页面按钮高度调整 ========== */
/* 登录按钮 - 高度调整为现在的2/3 */
.uni-btn, 
.uni-button, 
.login-btn, 
.submit-btn,
[class*="btn"] {
    height: 66.66% !important; /* 2/3高度 */
    min-height: 40px !important;
    max-height: 48px !important;
    padding: 8px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 特定选择器确保覆盖 */
button[class*="btn"],
[data-v-*] .btn,
.primary-button,
.secondary-button {
    height: 66.66% !important;
    min-height: 40px !important;
    max-height: 48px !important;
    padding: 8px 16px !important;
}

/* 金色渐变按钮高度调整 */
.secondary-button.font-size-28.w-48.py-0 {
    height: 66.66% !important;
    min-height: 40px !important;
    max-height: 48px !important;
    padding: 8px 0 !important;
}

/* 登录表单中的按钮 */
.login-form .btn,
.auth-container .btn,
[class*="login"] [class*="btn"] {
    height: 66.66% !important;
    min-height: 42px !important;
    max-height: 50px !important;
    padding: 10px 20px !important;
}

/* 确保文字垂直居中 */
.uni-btn span,
.uni-button span,
[class*="btn"] span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
}
/* ========== 行情页面涨幅百分比 - 白色字体居中 ========== */
/* 绿色涨幅按钮 - 白色字体居中 */
[data-v-bab5fcd6] .right[style*="background-color: rgb(40, 186, 152)"] {
    background: linear-gradient(135deg, #00ff88, #00cc66) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 6px rgba(0, 255, 136, 0.3) !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

/* 红色跌幅按钮 - 白色字体居中 */
[data-v-bab5fcd6] .right[style*="background-color: rgb(240, 74, 90)"] {
    background: linear-gradient(135deg, #ff4444, #cc0000) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 6px rgba(255, 68, 68, 0.3) !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

/* 确保内部的span也居中 */
[data-v-bab5fcd6] .right[style*="background-color: rgb(40, 186, 152)"] span,
[data-v-bab5fcd6] .right[style*="background-color: rgb(240, 74, 90)"] span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
    color: #FFFFFF !important;
}

/* 通用选择器确保所有行情页面的百分比都应用样式 */
[data-v-bab5fcd6] .right {
    color: #FFFFFF !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}
/* ========== 行情页面交易对信息 - 纯白色 ========== */
/* 交易对主币种 BTC - 纯白色 */
[data-v-bab5fcd6] .left .font-size-32.font-weight-bold {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* 交易对副币种 /USDT - 纯白色 */
[data-v-bab5fcd6] .left .font-size-22.opacity-50 {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* 24小时交易量 - 纯白色 */
[data-v-bab5fcd6] .left .d-block.font-size-22.opacity-50 {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* 确保所有left容器内的文字都是白色 */
[data-v-bab5fcd6] .left,
[data-v-bab5fcd6] .left span {
    color: #FFFFFF !important;
}

/* 交易对整体容器 */
[data-v-bab5fcd6] .left .d-block {
    color: #FFFFFF !important;
}

/* 通用选择器确保覆盖所有文字 */
[data-v-bab5fcd6] .left uni-text,
[data-v-bab5fcd6] .left uni-text span {
    color: #FFFFFF !important;
    opacity: 1 !important;
}
/* ========== 交易页面涨跌幅按钮 - 立体感渐变 ========== */
/* 绿色涨幅按钮 */
[data-v-f8a186e4] .tag.tag-success {
    background: linear-gradient(135deg, #00ff88, #00cc66) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 8px rgba(0, 255, 136, 0.3) !important;
    text-align: center !important;
}

/* 红色跌幅按钮 */
[data-v-f8a186e4] .tag.tag-error {
    background: linear-gradient(135deg, #ff4444, #cc0000) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 8px rgba(255, 68, 68, 0.3) !important;
    text-align: center !important;
}

/* ========== 交易订单按钮 - 统一金色渐变和大小 ========== */
/* 取消按钮 - 金色渐变 */
[data-v-f8a186e4] .secondary-button.font-size-28.w-48.py-0 {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #000000 !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 8px rgba(255, 215, 0, 0.3) !important;
    height: 60px !important; /* 统一高度 */
    min-height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 确定按钮 - 金色渐变 */
[data-v-f8a186e4] .error-button {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #000000 !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 8px rgba(255, 215, 0, 0.3) !important;
    height: 60px !important; /* 统一高度 */
    min-height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 确保两个按钮宽度一致 */
[data-v-f8a186e4] .w-48 {
    width: 48% !important;
    flex: 0 0 48% !important;
}

/* ========== 选择时间按钮 - 立体感渐变 ========== */
/* 绿色时间选择按钮 */
[data-v-f8a186e4] .tag.tag-success.w-19 {
    background: linear-gradient(135deg, #00ff88, #00cc66) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    box-shadow: 0 2px 6px rgba(0, 255, 136, 0.3) !important;
    /* 保持原有形状不变 */
}

/* 红色时间选择按钮 */
[data-v-f8a186e4] .tag.tag-error.w-19 {
    background: linear-gradient(135deg, #ff4444, #cc0000) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    box-shadow: 0 2px 6px rgba(255, 68, 68, 0.3) !important;
    /* 保持原有形状不变 */
}

/* ========== 交易页面倒计时圆圈 - 立体感红绿色渐变 ========== */
/* 红色亏损倒计时 */
[data-v-f8a186e4] .fixed-count-down[style*="background-color: rgb(240, 74, 90)"] {
    background: linear-gradient(135deg, #ff4444, #cc0000) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(255, 68, 68, 0.4) !important;
    /* 保持原有形状大小不变 */
    border-radius: 50% !important; /* 确保圆形 */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 绿色盈利倒计时 */
[data-v-f8a186e4] .fixed-count-down[style*="background-color: rgb(40, 186, 152)"] {
    background: linear-gradient(135deg, #00ff88, #00cc66) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(0, 255, 136, 0.4) !important;
    /* 保持原有形状大小不变 */
    border-radius: 50% !important; /* 确保圆形 */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 倒计时内部文字 - 白色 */
[data-v-f8a186e4] .fixed-count-down .font-size-28,
[data-v-f8a186e4] .fixed-count-down .font-size-36 {
    color: #FFFFFF !important;
    font-weight: bold !important;
    text-align: center !important;
}

/* 确保倒计时文字居中 */
[data-v-f8a186e4] .fixed-count-down uni-text {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
    color: #FFFFFF !important;
}
/* ========== 买多订单按钮 - 统一大小和颜色 ========== */
/* 确定按钮 - 统一金色渐变和大小 */
[data-v-f8a186e4] .success-button {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #000000 !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 8px rgba(255, 215, 0, 0.3) !important;
    height: 60px !important;
    min-height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48% !important;
}

/* 取消按钮 - 确保一致性 */
[data-v-f8a186e4] .secondary-button.font-size-28.w-48.py-0 {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #000000 !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 8px rgba(255, 215, 0, 0.3) !important;
    height: 60px !important;
    min-height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48% !important;
}

/* ========== 订单倒计时圆圈 - 立体感蓝色 ========== */
[data-v-f8a186e4] .count-down.bg-primary {
    background: linear-gradient(135deg, #4A90E2, #357ABD) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 12px rgba(74, 144, 226, 0.4) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    /* 保持原有大小不变 */
}

/* ========== 订单盈利结算圆圈 - 立体感绿色 ========== */
[data-v-f8a186e4] .actualPL.bg-primary.green {
    background: linear-gradient(135deg, #00ff88, #00cc66) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 12px rgba(0, 255, 136, 0.4) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ========== 订单亏损结算圆圈 - 立体感红色 ========== */
[data-v-f8a186e4] .actualPL.bg-primary.red {
    background: linear-gradient(135deg, #ff4444, #cc0000) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 12px rgba(255, 68, 68, 0.4) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ========== 继续交易按钮 - 立体感蓝色 ========== */
[data-v-f8a186e4] .primary-button {
    background: linear-gradient(135deg, #4A90E2, #357ABD) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 12px rgba(74, 144, 226, 0.4) !important;
    height: 60px !important;
    min-height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}

/* 确保所有圆圈内部文字居中 */
[data-v-f8a186e4] .count-down span,
[data-v-f8a186e4] .actualPL span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
    color: #FFFFFF !important;
}
/* ========== 继续交易按钮 - 发送键同款蓝色 ========== */
[data-v-f8a186e4] .primary-button {
    background: linear-gradient(135deg, #1890ff, #096dd9) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 12px rgba(24, 144, 255, 0.4) !important;
    height: 60px !important;
    min-height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}

/* ========== 订单倒计时圆圈 - 发送键同款蓝色 ========== */
[data-v-f8a186e4] .count-down.bg-primary {
    background: linear-gradient(135deg, #1890ff, #096dd9) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 12px rgba(24, 144, 255, 0.4) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 确保所有蓝色元素都使用发送键同款蓝色 */
[data-v-f8a186e4] [class*="primary"],
[data-v-f8a186e4] [class*="bg-primary"] {
    background: linear-gradient(135deg, #1890ff, #096dd9) !important;
    color: #FFFFFF !important;
}
/* ========== 交易页面委托挂单 - 纯白色 ========== */
/* 委托挂单标题 */
[data-v-f8a186e4] .font-size-32.text-white.opacity-75 {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* 买多买少标签 */
[data-v-f8a186e4] .font-size-20.opacity-30 {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* 通用选择器确保所有文字都是白色 */
[data-v-f8a186e4] .text-white,
[data-v-f8a186e4] .text-white span {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* 委托挂单容器内所有文字 */
[data-v-f8a186e4] .px-30,
[data-v-f8a186e4] .px-30 span {
    color: #FFFFFF !important;
}
/* ========== Time选择按钮 - 金色圆角渐变 ========== */
[data-v-0ca13547] .text-primary.font-weight-bold {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 15px !important; /* 圆角 */
    box-shadow: 0 2px 6px rgba(255, 215, 0, 0.3) !important;
    padding: 6px 16px !important; /* 适中内边距 */
    display: inline-block !important;
    text-align: center !important;
    min-height: auto !important; /* 不要太大 */
    height: auto !important; /* 自动高度 */
    line-height: 1.2 !important; /* 行高适中 */
}

/* 确保span也继承样式 */
[data-v-0ca13547] .text-primary.font-weight-bold span {
    color: #FFFFFF !important;
    display: inline-block !important;
}
/* ========== Time选择按钮 - 金色圆角渐变小尺寸 ========== */
[data-v-0ca13547] .text-primary.font-weight-bold {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #000000 !important; /* 黑色字体 */
    font-weight: bold !important;
    border: none !important;
    border-radius: 12px !important; /* 稍小圆角 */
    box-shadow: 0 1px 4px rgba(255, 215, 0, 0.3) !important;
    padding: 4px 12px !important; /* 更小的内边距 */
    display: inline-block !important;
    text-align: center !important;
    min-height: auto !important;
    height: auto !important;
    line-height: 1 !important; /* 更紧凑的行高 */
    font-size: 14px !important; /* 合适的字体大小 */
}

/* 确保span也继承样式 */
[data-v-0ca13547] .text-primary.font-weight-bold span {
    color: #000000 !important; /* 黑色字体 */
    display: inline-block !important;
}
/* ========== 特定登录按钮 - 仅调整大小 ========== */
[data-v-2001ccb0] .warning-button {
    height: 50px !important; /* 合适的高度 */
    min-height: 50px !important;
    font-size: 18px !important; /* 稍大字体 */
    padding: 12px 24px !important; /* 合适的内边距 */
}
/* ========== 特定登录按钮 - 合适尺寸和居中 ========== */
[data-v-2001ccb0] .warning-button {
    height: 50px !important;
    min-height: 50px !important;
    font-size: 18px !important;
    padding: 12px 30px !important; /* 适中的内边距 */
    width: auto !important;
    min-width: 120px !important; /* 合适的宽度 */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* 确保按钮内文字居中 */
[data-v-2001ccb0] .warning-button span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
}
/* ========== 注册按钮 - 与登录按钮相同样式 ========== */
[data-v-1490f0ac] .warning-button {
    height: 50px !important;
    min-height: 50px !important;
    font-size: 18px !important;
    padding: 12px 30px !important;
    width: auto !important;
    min-width: 120px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* 确保注册按钮内文字居中 */
[data-v-1490f0ac] .warning-button span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
}
/* ========== 合约交易买入卖出按钮 - 立体感浅变 ========== */
/* 买入按钮 - 立体感绿色 */
[data-v-c610390e] .btn.btn1.active {
    background: linear-gradient(135deg, #00ff88, #00cc66) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(0, 255, 136, 0.3) !important;
    margin-right: 5px !important; /* 右边距 */
}

/* 卖出按钮 - 立体感红色 */
[data-v-c610390e] .btn.btn2 {
    background: linear-gradient(135deg, #ff4444, #cc0000) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(255, 68, 68, 0.3) !important;
    margin-left: 5px !important; /* 左边距 */
}

/* 未选择状态 - 立体感灰色 */
[data-v-c610390e] .btn:not(.active) {
    background: linear-gradient(135deg, #a0a0a0, #808080) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(128, 128, 128, 0.3) !important;
}

/* 按钮容器 - 添加间距 */
[data-v-c610390e] .d-grid-columns-2 {
    gap: 10px !important; /* 按钮间距 */
    padding: 0 5px !important; /* 容器内边距 */
}

/* 确保文字白色 */
[data-v-c610390e] .btn span {
    color: #FFFFFF !important;
}
/* ========== 绿色立体感按钮 ========== */
/* 0.055% 按钮 - 绿色立体感浅变 */
[data-v-c610390e] .tag.tag-success {
    background: linear-gradient(135deg, #00ff88, #00cc66) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    box-shadow: 0 2px 6px rgba(0, 255, 136, 0.3) !important;
    /* 保持原有形状不变 */
}

/* 100 杠杆按钮 - 绿色立体感浅变 */
[data-v-c610390e] .tag.mr-16.px-20.font-size-30.tag-success {
    background: linear-gradient(135deg, #00ff88, #00cc66) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    box-shadow: 0 2px 6px rgba(0, 255, 136, 0.3) !important;
    /* 保持原有形状不变 */
}

/* ========== 表格标题 - 纯白色 ========== */
[data-v-c610390e] .d-grid.py-20.font-size-22.opacity-50 {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* 确保所有表格标题文字都是白色 */
[data-v-c610390e] .d-grid .d-block,
[data-v-c610390e] .d-grid .d-block span {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* 通用选择器确保覆盖 */
[data-v-c610390e] .text-center,
[data-v-c610390e] .text-center span {
    color: #FFFFFF !important;
}
/* ========== 币币交易买入卖出按钮 - 立体感渐变 ========== */
/* 容器布局 - 添加间距 */
[data-v-c41050a4] .d-grid-columns-2 {
    gap: 8px !important; /* 按钮间距 */
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
}

/* 买入按钮 - 立体感绿色 */
[data-v-c41050a4] .btn.btn1.active {
    background: linear-gradient(135deg, #00ff88, #00cc66) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(0, 255, 136, 0.3) !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 45px !important; /* 统一高度 */
    min-height: 45px !important;
}

/* 卖出按钮 - 立体感红色 */
[data-v-c41050a4] .btn.btn2.active {
    background: linear-gradient(135deg, #ff4444, #cc0000) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(255, 68, 68, 0.3) !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 45px !important; /* 统一高度 */
    min-height: 45px !important;
}

/* 未选择状态 - 立体感灰色 */
[data-v-c41050a4] .btn:not(.active) {
    background: linear-gradient(135deg, #666666, #888888) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(102, 102, 102, 0.3) !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 45px !important; /* 统一高度 */
    min-height: 45px !important;
}

/* 确保所有按钮内文字居中 */
[data-v-c41050a4] .btn .d-block,
[data-v-c41050a4] .btn span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
    color: #FFFFFF !important;
}

/* ========== 币币交易表格标题 - 纯白色 ========== */
[data-v-c41050a4] .d-grid.py-20.font-size-22.opacity-50 {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* 确保所有表格标题文字都是白色 */
[data-v-c41050a4] .d-grid .d-block,
[data-v-c41050a4] .d-grid .d-block span {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* 通用选择器确保覆盖 */
[data-v-c41050a4] .text-center,
[data-v-c41050a4] .text-center span {
    color: #FFFFFF !important;
}
/* ========== 百分比按钮 - 纯白色 ========== */
[data-v-c41050a4] .border-white.border-radius-10.font-size-22.py-6 {
    color: #FFFFFF !important;
}

/* 确保所有百分比按钮文字都是白色 */
[data-v-c41050a4] .border-white.border-radius-10.font-size-22.py-6 span {
    color: #FFFFFF !important;
}

/* ========== BTC 文字 - 纯白色 ========== */
[data-v-c41050a4] .position-absolute.opacity-50 {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

[data-v-c41050a4] .position-absolute.opacity-50 span {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* ========== 涨跌幅按钮 - 绿色立体感浅变 ========== */
[data-v-c41050a4] .tag.tag-success {
    background: linear-gradient(135deg, #00ff88, #00cc66) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    box-shadow: 0 2px 6px rgba(0, 255, 136, 0.3) !important;
    /* 保持原有大小和形状 */
}

/* ========== 已完成按钮 - 绿色立体感浅变 ========== */
[data-v-c41050a4] .tag-success.font-size-20 {
    background: linear-gradient(135deg, #00ff88, #00cc66) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    box-shadow: 0 2px 6px rgba(0, 255, 136, 0.3) !important;
    /* 保持原有大小和形状 */
}

/* 另一个已完成按钮 */
[data-v-1fea1d27] .tag-success.font-size-20 {
    background: linear-gradient(135deg, #00ff88, #00cc66) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    box-shadow: 0 2px 6px rgba(0, 255, 136, 0.3) !important;
    /* 保持原有大小和形状 */
}

/* 确保所有按钮内文字都是白色 */
[data-v-c41050a4] .tag-success span,
[data-v-1fea1d27] .tag-success span {
    color: #FFFFFF !important;
}
/* ========== 首页行情标题 - 纯白色 ========== */
[data-v-2a5456e5] .title.opacity-50.font-size-22 {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* 确保所有标题文字都是白色 */
[data-v-2a5456e5] .title .d-flex align-items-center,
[data-v-2a5456e5] .title .d-flex align-items-center span,
[data-v-2a5456e5] .title uni-text,
[data-v-2a5456e5] .title uni-text span {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* 通用选择器确保覆盖所有标题文字 */
[data-v-2a5456e5] .title,
[data-v-2a5456e5] .title span {
    color: #FFFFFF !important;
    opacity: 1 !important;
}
/* ========== 理财页面标题 - 纯白色 ========== */
/* 年化收益率、挂钩参考价、持仓期限 - 纯白色 */
[data-v-48518b95] .opacity-50.font-size-24.mb-10 {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* 确保所有标题文字都是白色 */
[data-v-48518b95] .opacity-50.font-size-24.mb-10 span {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* ========== "10 起" 文字 - 纯白色 ========== */
[data-v-48518b95] .font-size-28.opacity-50.mt-4 {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

[data-v-48518b95] .font-size-28.opacity-50.mt-4 span {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* 通用选择器确保覆盖 */
[data-v-48518b95] .opacity-50,
[data-v-48518b95] .opacity-50 span {
    color: #FFFFFF !important;
    opacity: 1 !important;
}
/* ========== 锁仓挖矿进行中按钮 - 绿色立体感浅变 ========== */
[data-v-4bd69d43] .tag.tag-success {
    background: linear-gradient(135deg, #00ff88, #00cc66) !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    box-shadow: 0 2px 6px rgba(0, 255, 136, 0.3) !important;
    /* 保持原有大小和形状 */
}

/* 确保按钮内文字是白色 */
[data-v-4bd69d43] .tag.tag-success span {
    color: #FFFFFF !important;
}
/* ========== 赎回按钮 - 调整到合适大小 ========== */
[data-v-4bd69d43] .u-btn.u-btn--error.u-size-mini {
    height: 28px !important; /* 与进行中按钮相同高度 */
    min-height: 28px !important;
    font-size: 12px !important;
    padding: 4px 12px !important;
    line-height: 1.2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/* ========== 赎回按钮 - 进一步缩小 ========== */
[data-v-4bd69d43] .u-btn.u-btn--error.u-size-mini {
    height: 24px !important; /* 更小的高度 */
    min-height: 24px !important;
    font-size: 11px !important;
    padding: 2px 8px !important; /* 更小的内边距 */
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: auto !important;
    width: auto !important;
}
/* ========== 深度数据颜色调整 ========== */
/* 买盘区域 - 绿色调深 */
[data-v-c41050a4] .text-center [style*="background: rgba(40, 186, 152"] {
    background: rgba(32, 160, 130, var(--opacity)) !important;
}

[data-v-c41050a4] .text-center [style*="color: #28ba98"] {
    color: #20a082 !important;
}

/* 卖盘区域 - 红色调深 */
[data-v-c41050a4] .text-center [style*="background: rgba(240, 74, 90"] {
    background: rgba(200, 50, 65, var(--opacity)) !important;
}

[data-v-c41050a4] .text-center [style*="color: #f04a5a"] {
    color: #c83241 !important;
}

/* BTC/USDT 文字 - 纯白色 */
[data-v-c41050a4] .text-center [style*="color: #666"] {
    color: #FFFFFF !important;
}

/* BIDS/ASKS 标题颜色也相应调深 */
[data-v-c41050a4] .text-center [style*="color: #28ba98"]:first-child {
    color: #20a082 !important;
}

[data-v-c41050a4] .text-center [style*="color: #f04a5a"]:first-child {
    color: #c83241 !important;
}
/* ========== 合约交易深度数据颜色调整 ========== */
/* 买盘区域 - 绿色调深 */
[data-v-c610390e] .text-center [style*="background: rgba(40, 186, 152"] {
    background: rgba(32, 160, 130, var(--opacity)) !important;
}

[data-v-c610390e] .text-center [style*="color: #28ba98"] {
    color: #20a082 !important;
}

/* 卖盘区域 - 红色调深 */
[data-v-c610390e] .text-center [style*="background: rgba(240, 74, 90"] {
    background: rgba(200, 50, 65, var(--opacity)) !important;
}

[data-v-c610390e] .text-center [style*="color: #f04a5a"] {
    color: #c83241 !important;
}

/* 交易对文字 - 纯白色 */
[data-v-c610390e] .text-center [style*="color: #666"] {
    color: #FFFFFF !important;
}

/* BIDS/ASKS 标题颜色也相应调深 */
[data-v-c610390e] .text-center [style*="color: #28ba98"]:first-child {
    color: #20a082 !important;
}

[data-v-c610390e] .text-center [style*="color: #f04a5a"]:first-child {
    color: #c83241 !important;
}
/* ========== 登录背景图片 - 高度拉伸到最长 ========== */
[data-v-2001ccb0] .login-head-bg {
    height: 100vh !important; /* 拉伸到视窗高度 */
    min-height: 100vh !important;
}

/* 确保背景图片容器也拉伸 */
[data-v-2001ccb0] .login-head-bg div {
    height: 100% !important;
    min-height: 100vh !important;
    background-size: cover !important; /* 保持图片比例但覆盖整个区域 */
}

/* 如果图片显示不完整，可以调整背景位置 */
[data-v-2001ccb0] .login-head-bg div {
    background-position: center !important; /* 居中显示 */
}

/* 确保登录容器适应新的背景高度 */
[data-v-2001ccb0] .login-wrap {
    min-height: 100vh !important;
}
/* ========== 注册页面背景图片 - 高度拉伸到最长 ========== */
[data-v-1490f0ac] .login-head-bg {
    height: 100vh !important; /* 拉伸到视窗高度 */
    min-height: 100vh !important;
}

/* 确保背景图片容器也拉伸 */
[data-v-1490f0ac] .login-head-bg div {
    height: 100% !important;
    min-height: 100vh !important;
    background-size: cover !important; /* 保持图片比例但覆盖整个区域 */
}

/* 如果图片显示不完整，可以调整背景位置 */
[data-v-1490f0ac] .login-head-bg div {
    background-position: center !important; /* 居中显示 */
}

/* 确保注册容器适应新的背景高度 */
[data-v-1490f0ac] .login-wrap {
    min-height: 100vh !important;
}

/* 增强选择器确保生效 */
.login-head-bg[data-v-1490f0ac],
.login-head-bg[data-v-1490f0ac] div,
.login-head-bg[data-v-1490f0ac] img {
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: none !important;
}