:root {
    --brand-orange: #f04b08;
    --brand-orange-dark: #d93d00;
    --brand-orange-soft: #fff3ed;
    --wechat-green: #07c160;
    --page-bg: #f7f7f7;
    --text-main: #151515;
    --text-secondary: #8b8b8b;
    --border-color: #eeeeee;
}

body {
    background: var(--page-bg);
    color: var(--text-main);
}

.nav-bar,
.nav-bar.nav-bar-dark {
    background: linear-gradient(135deg, #f3570d, #eb4503);
    border-color: transparent;
}

.nav-bar .nav-title,
.nav-bar .nav-back,
.nav-bar .nav-right,
.nav-bar.nav-bar-dark .nav-title,
.nav-bar.nav-bar-dark .nav-back,
.nav-bar.nav-bar-dark .nav-right {
    color: #fff;
}

.nav-right.action {
    visibility: visible;
    border: 0;
    background: transparent;
    color: #fff;
    white-space: nowrap;
}

.tab-nav-item.active .icon,
.tab-nav-item.active .label {
    color: var(--brand-orange);
}

.tab-nav-item.active {
    background: rgba(240, 75, 8, 0.08);
}

.tab-nav-item:hover {
    background: #fff5f0;
}

.btn-go,
.btn-submit,
.btn-unlock,
.btn-share,
.btn-pay,
.btn-confirm:not(.danger) {
    background: linear-gradient(135deg, #f65c13, #ed4503);
}

.balance-card,
.user-card {
    background: linear-gradient(135deg, #f65b12, #e94302);
}

.balance-card .amount {
    color: #fff;
    text-shadow: none;
}

.user-avatar {
    background: #fff;
    color: var(--brand-orange);
    border-color: rgba(255,255,255,.75);
}

.course-card,
.order-card,
.setting-section,
.info-section,
.form-wrapper,
.record-section,
.chart-section,
.stats-card,
.promo-grid,
.menu-list,
.agreement {
    border-color: #eee;
    box-shadow: 0 4px 16px rgba(55, 40, 30, 0.06);
}

@media (min-width: 768px) {
    .nav-bar,
    .nav-bar.nav-bar-dark {
        background: linear-gradient(135deg, #f65c13, #e94302);
    }

    .bottom-tab {
        border-top: 3px solid var(--brand-orange);
    }
}

/* 主导航图标在所有页面保持同一套线性样式 */
.tab-nav-item { color: #9a9a9a; }
.tab-nav-item .icon, .tab-nav-item .label { color: inherit; }
.tab-nav-item.active { color: var(--brand-orange); }