/* ==================================
   全站 Dark UI（Binance Pro · 重设计版）
   基于你的原始代码精修 + 涨跌修正整合版
   ================================== */

html, body {
    background-color: #0b1d3a !important;
    color: #e6f0ff !important;
    min-height: 100vh;
}

/* 基础盒模型 */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* 行内白底兜底 */
*[style*="background:#fff"],
*[style*="background: #fff"],
*[style*="background-color:#fff"],
*[style*="background-color: #fff"] {
    background-color: #0f2a52 !important;
}

/* ==================================
   卡片 / 列表容器
   ================================== */
.card,
.box,
.panel,
.container,
.list {
    background: linear-gradient(
        180deg,
        #0f2a52 0%,
        #0c2346 100%
    ) !important;

    border-radius: 14px !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    box-shadow: 0 12px 32px rgba(0,0,0,.5) !important;
}

/* 首页宫格 item 保持裸结构 */
.item {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* ==================================
   首页功能宫格
   ================================== */
.menu,
.menu-grid,
.home-menu {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 18px !important;
    padding: 14px !important;
}

.menu .item,
.menu-grid .item,
.home-menu .item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.menu .item img {
    width: 28px !important;
    height: 28px !important;
    margin-bottom: 6px !important;
}

.menu .item span,
.menu .item .title {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #f0b90b !important;
}

/* ==================================
   顶部 Banner / Header
   ================================== */
.header-wrap {
    background: linear-gradient(
        180deg,
        #0f2a52 0%,
        #0b1d3a 100%
    ) !important;

    border-bottom: 1px solid rgba(255,255,255,.06) !important;
    position: relative;
    font-size: 28px !important;
    font-weight: 700 !important;
}

/* 地球图标 */
.header-wrap i.icon-earth,
.header-wrap .icon-earth {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #f0b90b !important;
    font-size: 20px !important;
    opacity: 1 !important;
    background: rgba(240,185,11,0.15);
    padding: 6px;
    border-radius: 50%;
}

/* ==================================
   核心：币安级金色标题
   ================================== */
.header-wrap .logo,
.binance-gold {
    background: linear-gradient(
        180deg,
        #fff2b2 0%,
        #f0b90b 40%,
        #d8a400 70%,
        #b88600 100%
    ) !important;

    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    letter-spacing: 0.6px !important;
}

h1, h2, h3,
.page-title,
.title {
    background: linear-gradient(
        90deg,
        #f8d12f 0%,
        #fce97f 30%,
        #f0b90b 50%,
        #fce97f 70%,
        #f8d12f 100%
    ) !important;

    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 700 !important;
}

/* ==================================
   按钮
   ================================== */
button,
.btn,
a.btn {
    background: linear-gradient(135deg,#1f6cff,#3da9ff) !important;
    color: #fff !important;
    border-radius: 999px !important;
    border: none !important;
}

input,
select,
textarea {
    background-color: #0b1d3a !important;
    color: #fff !important;
    border: 1px solid #1e3f73 !important;
    border-radius: 10px !important;
}

a {
    color: #f0b90b !important;
}

/* ==================================
   底部区域
   ================================== */
.footer,
.footer-bar,
.footer-fixed,
.footbar,
.footerbar {
    background: linear-gradient(
        180deg,
        #0f2a52 0%,
        #0b1d3a 100%
    ) !important;

    border-top: 1px solid rgba(255,255,255,.06) !important;
    box-shadow: 0 -10px 30px rgba(0,0,0,.6) !important;
}

.footbar *,
.footerbar * {
    background-color: transparent;
}

.footbar a,
.footerbar a,
.footbar button,
.footerbar button {
    background: linear-gradient(90deg,#2b7cff,#3fa9ff) !important;
    color: #ffd666 !important;
    border-radius: 24px;
}

/* ==================================
   TabBar 修复
   ================================== */
.weui-tabbar {
    background-color: #0b1d3a !important;
    border-top: none !important;
}

.weui-tabbar__item {
    background-color: transparent !important;
}

.weui-tabbar__label {
    color: #f0b90b !important;
}

.weui-tabbar__item.on .weui-tabbar__label,
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__label {
    color: #f0b90b !important;
}

/* ==================================
   行情涨跌样式（最终终极修复版）
   ================================== */

/* 行情列表三列结构修复 */
.list-coin .hd,
.list-coin .item {
    display: flex !important;
    align-items: center !important;
}

.list-coin .flex-block {
    flex: 1;
}

.list-coin .item .flex-block:last-child {
    flex: 0 0 70px;
    text-align: right;
}

/* 百分比基础 */
.persent,
.percent {
    padding:6px 8px;
    color:#fff;
    border-radius:4px;
    font-size:12px;
    display:inline-block;
    text-align:center;
}

/* 上涨 */
.percent-green,
.persent-green {
    background:#00c483 !important;
}

/* 下跌 */
.percent-red,
.persent-red {
    background:#db5656 !important;
}
/* ================================
   语言小球（顶部右上角）
   背景融合 + 放大版本
   ================================ */

.lang .btnlang a {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.lang-ball {
    width: 35px !important;     /* 控制大小 */
    height: 35px !important;
    border-radius: 50% !important;
    display: block !important;
}

/* 如果外层还有圆底，一并清除 */
.lang,
.lang .btnlang {
    background: transparent !important;
}