/* ==================================
   全站 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;
}

/* ==================================
   核心：币安级金色标题
   ================================== */

/* Logo / 首页标题 */
.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;
}

/* ==================================
   底部 Register / Login（关键重设计）
   ================================== */
.footer,
.footer-bar,
.footer-fixed {
    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;
}

/* 底部按钮本体 */
.footer a.btn,
.footer-bar a.btn,
.footer-fixed a.btn {
    background: linear-gradient(
        180deg,
        #132a4d 0%,
        #0f223f 100%
    ) !important;

    border: 1px solid rgba(240,185,11,.35) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}

/* 底部按钮文字：币安金 */
.footer a.btn,
.footer-bar a.btn {
    background: linear-gradient(
        180deg,
        #fff2b2 0%,
        #f0b90b 45%,
        #d8a400 70%,
        #b88600 100%
    ) !important;

    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;

    font-weight: 700 !important;
    letter-spacing: 0.4px !important;
}
/* ==========================
   底部白块 终极兜底方案
   ========================== */

/* 底部最外层 */
.footbar,
.footerbar {
    background-color: #0b1d3a !important;
}

/* footbar 里的所有直接 div */
.footbar > div,
.footerbar > div {
    background-color: #0b1d3a !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;
}
/* 仅把地球图标移到最右，不改结构 */
.header-wrap {
    position: relative;
}

.header-wrap i.icon-earth,
.header-wrap .icon-earth {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}
/* 顶部标题字体放大一倍 */
.header-wrap {
    font-size: 28px !important;   /* ← 原来大概 14px，直接翻倍 */
    font-weight: 700 !important;
}
/* 地球图标：提亮 + 显眼 */
.header-wrap i.icon-earth,
.header-wrap .icon-earth {
    color: #f0b90b !important;              /* 币安金 */
    font-size: 20px !important;             /* 稍微大一点 */
    opacity: 1 !important;

    background: rgba(240,185,11,0.15);      /* 金色淡底 */
    padding: 6px;
    border-radius: 50%;
}