﻿/* ==========================================================================
   内页美化层（仅调整颜色/阴影/圆角/质感，不改布局）
   主题：紫蓝渐变 丨与首页 Index 保持一致
   ========================================================================== */

/* 全局背景：柔和蓝紫渐变 */
body {
    background: #eef1f8;
    background: -webkit-linear-gradient(180deg, #f2f4fb 0%, #e6ebf5 100%);
    background: linear-gradient(180deg, #f2f4fb 0%, #e6ebf5 100%);
    background-attachment: fixed;
}

/* 顶部导航/标题栏：紫色渐变 */
.nav_bg,
.header,
.my-header {
    background: linear-gradient(135deg, #7c5ce0 0%, #5b6ef5 55%, #4a8cf7 100%) !important;
    border-bottom: 2px solid rgba(255,255,255,.25) !important;
    color: #fff !important;
}
.my-header .my-header-title { color: #fff !important; }
.my-header .my-header-left, .my-header .my-header-right { color: #fff !important; }
.my-header .my-header-left .arrow { border-color: transparent transparent transparent #fff !important; }
.nav_bg a, .header a { color: #fff !important; }

/* 白色卡片：统一圆角 + 柔和阴影 */
.home_main .home_main_list > div,
.am-panel,
.panel,
.aui-palace,
.my_header,
.personalNav,
.cell,
.am-list > li {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 16px rgba(80, 90, 200, .10);
}

/* 按钮：主按钮紫色渐变 */
.am-btn-primary,
.btn_red,
.am-btn-warning {
    background: linear-gradient(135deg, #7c5ce0, #4a8cf7) !important;
    border-color: transparent !important;
    color: #fff !important;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(90, 100, 240, .3);
}
.am-btn { border-radius: 8px; }

/* 输入框：圆角 + 浅紫描边 */
.am-form input, .am-form select, .am-form textarea, .am-form-field,
body:not(.page-group) input[type=text],
body:not(.page-group) input[type=number],
body:not(.page-group) input[type=password],
body:not(.page-group) input[type=tel],
body:not(.page-group) input[type=email] {
    border-radius: 8px !important;
    border: 1px solid rgba(90, 100, 240, .25) !important;
    background: #fff !important;
}

/* sm(MSUI)框架页面：原生控件样式，避免被全局美化破坏 */
.page-group select,
.page-group .item-input select,
.page-group input[type=text],
.page-group input[type=number],
.page-group input[type=password],
.page-group input[type=tel],
.page-group input[type=email] {
    border-radius: 0 !important;
    border: none !important;
    background: transparent !important;
    -webkit-appearance: menulist;
    appearance: menulist;
}

/* 表格：表头浅紫 */
.am-table thead th,
.am-table-sss th,
.moneyInfoTable th {
    background: linear-gradient(180deg, #eef0ff, #e2e6ff) !important;
    color: #5b6ef5 !important;
    font-weight: 600 !important;
}

/* 底部导航：紫色高亮 */
.bottom_navbar .am-navbar-nav {
    background: #ffffff !important;
    border-top: 2px solid rgba(90, 110, 245, .35);
}
.bottom_navbar .active { color: #5b6ef5 !important; }

/* 分区小标题 */
.personalNav-title,
.panel-title,
.am-panel-hd {
    color: #5b6ef5 !important;
    border-bottom: 2px solid rgba(90, 110, 245, .35) !important;
}

/* 链接/强调色微调 */
a { color: #4a6cf7; }
.text-red, .k3_color { color: #f33d3d !important; }

/* 分隔线统一 */
hr, .am-divider { border-color: rgba(90, 100, 240, .10) !important; }

/* ===== 底部导航：与首页一致（主页/优惠/资金/我的） ===== */
.jd-footer {
    position: fixed;
    bottom: 0; left: 0; right: 0;
    background: #fff;
    display: flex;
    border-top: 1px solid #eee;
    z-index: 100;
    padding-bottom: env(safe-area-inset-bottom);
}
.jd-footer-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 6px 0 4px;
    font-size: 10px;
    color: #999;
    cursor: pointer;
    transition: color 0.2s;
}
.jd-footer-item.active {
    color: #5b6ef5;
}
.jd-footer-item .fi-icon {
    font-size: 20px;
    margin-bottom: 2px;
}
.jd-spacer { height: 62px; }