/* ==========================================================================
   合顺国际 · 全站主题（浅底 + 酒红品牌）  —— 已确认效果图方向
   在所有其它 CSS 之后加载，靠 !important 压过框架样式与内联样式。
   调色板：品牌红 #a51818 · 头部深红 #7a0e0e→#b03030 · 强调 #c0392b · 金 #d4a24a
           页面浅底 #f4f1f1 · 白卡片 #fff · 主文字 #2c2222 · 次要 #9a8d8d
   注：底部导航等 PNG 图标本身颜色不随 CSS 变；如需完全统一可后续换图。
   如某页仍有蓝/青残留或不协调，把页面名发我，我单独定位。
   ========================================================================== */

/* ---------- 基础：浅底 + 深字（可读性优先） ---------- */
html, body{
    background-color:#f4f1f1 !important;
    color:#2c2222;
}
.main, .content, .container, .wrapper, .page, .am-g, .box, .main-content{
    background-color:transparent !important;
}

/* ---------- 顶部头部 / 标题栏（蓝色渐变、theme-red、ui-header 统一酒红） ---------- */
header.am-header, .am-header, .am-header-default, .header, .nav_bg,
.bar-nav, .theme-red, .ui-header, .rui-header, .navbar, .my_header, .personalMain{
    background:linear-gradient(135deg,#7a0e0e 0%,#b03030 100%) !important;
    color:#fff !important;
    border:none !important;
}
header.am-header *, .am-header *, .bar-nav *, .theme-red *, .ui-header *,
.my_header *, .personalMain-info h5, .personalMain-info h6, .personalMain-info em{
    color:#fff !important;
}
/* 覆盖蓝色系内联渐变头部（rgb(101,149,222) / (153,184,231) 那种） */
[style*="rgb(101, 149, 222)"], [style*="rgb(101,149,222)"],
[style*="rgb(153, 184, 231)"], [style*="rgb(153,184,231)"],
[style*="rgb(223, 232, 243)"], [style*="rgb(223,232,243)"]{
    background:linear-gradient(135deg,#7a0e0e 0%,#b03030 100%) !important;
    color:#fff !important;
}

/* ---------- 底部导航条：白底 + 酒红选中 ---------- */
.bottom_navbar, .am-navbar, .am-navbar-default{
    background:#ffffff !important;
    border-top:1px solid #efe7e7 !important;
    box-shadow:0 -4px 14px rgba(122,14,14,.06) !important;
}
.am-navbar-label, .bottom_navbar_list, .bottom_navbar_list span{ color:#9a8d8d !important; }
.bottom_navbar .iconfont, .bottom_navbar i, .am-navbar .iconfont{ color:#a51818 !important; }
[style*="#07b39e"], [style*="color:#07b39e"], [style*="color: #07b39e"]{ color:#a51818 !important; }

/* ---------- 按钮 ---------- */
.am-btn-primary, .am-btn-secondary, .ui-btn-primary, .btn-primary, .am-btn-success,
.weui-btn_primary, button.custom-btn, .btn-danger.am-btn-block, .am-btn-danger{
    background:linear-gradient(135deg,#a51818,#c0392b) !important;
    border-color:#7a0e0e !important;
    color:#fff !important;
}
.am-btn-primary:active, .am-btn-secondary:active, .ui-btn-primary:active,
.am-btn-danger:active{ background:#7a0e0e !important; border-color:#5a0808 !important; }
.am-btn-warning{ background:#a5321a !important; border-color:#7a2312 !important; color:#fff !important; }
/* 次要/浅色按钮 */
.am-btn-default, .btn-default{ color:#a51818 !important; border-color:#e6c9c9 !important; }

/* ---------- 卡片 / 列表块 / 表单块：白底 + 圆角 + 淡阴影 ---------- */
.card, .panel, .am-panel, .cell, .cellItem, .weui-cell, .bank_recharge, .bank_form_list,
.data-list, .user-card, .rui-list, .box-list, .am-list-static, .personalNav{
    background-color:#ffffff !important;
    color:#2c2222 !important;
    border-radius:14px;
    box-shadow:0 4px 14px rgba(122,14,14,.06);
    border-color:#efe7e7 !important;
}
.cellItem{ box-shadow:none; border-radius:0; border-top:1px solid #efe7e7 !important; }
.cell{ padding:0; overflow:hidden; }
.cellItem-title, .cellItem-title span, .data-label, .data-value,
.personalNav-title, .personalNav-nav a, .personalNav-nav p{ color:#2c2222 !important; }
.cellItem-icon{ filter:none; }

/* ---------- 个人中心：钱包卡（白底深字，金额红色）+ 常用功能 ---------- */
.personalMain-wallet{
    background:#ffffff !important;
    border-radius:14px !important;
    box-shadow:0 6px 16px rgba(122,14,14,.14) !important;
}
.personalMain-wallet, .personalMain-wallet *{ color:#2c2222 !important; }
.personalMain-wallet p, .personalMain-wallet-operation p{ color:#8a7d7d !important; }
.personalMain-wallet-amount h6, .personalMain-wallet-amount h6 span{ color:#a51818 !important; font-weight:700; }
.personalMain-info h5 em, .personalMain-info h6 em{ color:#ffe9b0 !important; }
.personalNav-nav .fi, .funcs .fi{ background:#fbeaea !important; color:#a51818 !important; }

/* ---------- 表单输入 ---------- */
input, select, textarea, .input_txt, .form-input{
    background-color:#ffffff !important;
    color:#2c2222 !important;
    border:1px solid #e6d9d9 !important;
    border-radius:8px;
}
input:focus, textarea:focus, select:focus{ border-color:#c0392b !important; }
input::placeholder, textarea::placeholder{ color:#b7a9a9 !important; }
input[disabled], input:disabled{ background-color:#f7f2f2 !important; color:#7a6a6a !important; }

/* ---------- 选项卡 / 激活态 ---------- */
.am-tabs .am-active, .am-tabs-d2 .am-active, .am-tabs-bd .am-active,
.tab_menu_box .active, .active-tab, .am-active > a, .tab-item.active{
    color:#c0392b !important;
    border-color:#c0392b !important;
}

/* ---------- 常见强调文字工具类 ---------- */
.c_red, .c_fenhong{ color:#c0392b !important; }
.c_blue{ color:#a51818 !important; }
.c_green{ color:#c8912f !important; }
a{ color:#a51818; }

/* ---------- 首页：隐藏左侧分类栏 + 内容满宽 + 去蓝色调 ---------- */
.gameNav{ display:none !important; }                                 /* 隐藏左侧分类竖栏 */
.gameNavCover{ width:100% !important; background:#faf6f6 !important; }/* 内容满宽 + 去蓝底 */
.gameNavCover-cover{ background:linear-gradient(#fff,#f7efef) !important; }
.aui-navBar{ background:linear-gradient(135deg,#7a0e0e,#b03030) !important; }
.aui-scrollView, .aui-flexView{ background:#f4f1f1 !important; }
.userHome_h111{ background-color:#d9ecff !important; }
.gameNav-item p{ color:#7a6a6a !important; }
.sc-15wvqa4-0{ background-color:transparent !important; }
.sc-15wvqa4-2{ color:#2c2222 !important; font-weight:700; }         /* 分区标题：推荐/时时彩/快三… */
.sc-11iaysp-0{                                                       /* 单个彩种卡片 */
    background:#ffffff !important;
    border-radius:14px !important;
    box-shadow:0 4px 12px rgba(122,14,14,.07) !important;
}
.sc-11iaysp-3, .kfDOpO{ color:#2c2222 !important; }                 /* 彩种名称 */

/* 分类 chips（若为文字型导航） */
.chip{ background:#fff !important; color:#7a6a6a !important; }
.chip.on, .chip.active{ background:linear-gradient(135deg,#a51818,#c0392b) !important; color:#fff !important; }