:root {
    --newh5-bg-top: #151a42;
    --newh5-bg-bottom: #0b0e1e;
    --newh5-nav-bg: rgba(17, 20, 42, 0.92);
    --newh5-glass-lg: linear-gradient(180deg, rgba(66, 78, 110, 0.34) 0%, rgba(66, 78, 110, 0.58) 55%, rgba(26, 34, 60, 0.48) 100%);
    --newh5-glass-sm: linear-gradient(180deg, rgba(66, 78, 110, 0.14) 0%, rgba(66, 78, 110, 0.24) 60%, rgba(14, 17, 34, 0.22) 100%);
    --newh5-border: rgba(255, 255, 255, 0.05);
    --newh5-border-strong: rgba(77, 240, 255, 0.22);
    --newh5-text: #ffffff;
    --newh5-text-muted: #8b92b2;
    --newh5-text-soft: #d1d5eb;
    --newh5-cyan: #4df0ff;
    --newh5-purple: #a450ff;
    --newh5-green: #85f269;
    --newh5-red: #ff5252;
    --newh5-yellow: #ffd76b;
    --newh5-shadow: 0 18px 44px rgba(4, 6, 18, 0.34);
    --newh5-shadow-soft: 0 12px 28px rgba(4, 6, 18, 0.22);
    --newh5-safe-bottom: calc(106px + env(safe-area-inset-bottom));
}

html,
body.newh5-body {
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body.newh5-body {
    margin: 0;
    color: var(--newh5-text);
    background: linear-gradient(180deg, var(--newh5-bg-top) 0%, var(--newh5-bg-bottom) 100%) fixed !important;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

body.newh5-body,
body.newh5-body *,
body.newh5-body *::before,
body.newh5-body *::after {
    box-sizing: border-box;
}

body.newh5-body::before,
body.newh5-body::after {
    content: '';
    position: fixed;
    pointer-events: none;
    z-index: 0;
}

body.newh5-body::before {
    inset: -8% auto auto -12%;
    width: 320px;
    height: 320px;
    background: radial-gradient(circle, rgba(77, 240, 255, 0.18) 0%, rgba(77, 240, 255, 0) 72%);
    filter: blur(10px);
}

body.newh5-body::after {
    inset: 24% -16% auto auto;
    width: 320px;
    height: 320px;
    background: radial-gradient(circle, rgba(164, 80, 255, 0.16) 0%, rgba(164, 80, 255, 0) 72%);
    filter: blur(14px);
}

body.newh5-body > #app {
    position: relative;
    min-height: 100vh;
    z-index: 1;
}

body.newh5-body a {
    color: inherit;
    text-decoration: none;
}

body.newh5-body img {
    max-width: 100%;
}

body.newh5-body .has-navbar {
    padding-top: 54px !important;
}

body.newh5-body .page-scroll,
body.newh5-body .scroll-content {
    position: relative;
    width: 100%;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    box-sizing: border-box;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    overscroll-behavior-y: contain;
    padding-bottom: var(--newh5-safe-bottom) !important;
}

body.newh5-body .page-scroll .van-pull-refresh,
body.newh5-body .page-scroll .van-pull-refresh__track,
body.newh5-body .scroll-content .van-pull-refresh,
body.newh5-body .scroll-content .van-pull-refresh__track {
    min-height: 100%;
}

body.newh5-body .order-list,
body.newh5-body .profit-list,
body.newh5-body .record-list,
body.newh5-body .commission-list,
body.newh5-body .product-list,
body.newh5-body .market-list,
body.newh5-body .pay-container,
body.newh5-body .order-create,
body.newh5-body .order-detail,
body.newh5-body .product-detail {
    box-sizing: border-box;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-bottom: 112px !important;
}

body.newh5-body .page-scroll::-webkit-scrollbar,
body.newh5-body .scroll-content::-webkit-scrollbar {
    display: none;
}

body.newh5-body .van-nav-bar {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 90;
    height: 54px !important;
    background: var(--newh5-nav-bg) !important;
    backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--newh5-border);
    box-shadow: 0 10px 30px rgba(2, 6, 23, 0.18);
}

body.newh5-body .van-nav-bar::after {
    border-bottom-color: transparent !important;
}

body.newh5-body .van-nav-bar__content {
    height: 54px !important;
}

body.newh5-body .van-nav-bar__title {
    color: var(--newh5-text) !important;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.02em;
}

body.newh5-body .van-nav-bar__arrow,
body.newh5-body .van-nav-bar__text,
body.newh5-body .van-nav-bar .van-icon {
    color: var(--newh5-cyan) !important;
}

body.newh5-body .van-tabs {
    overflow: visible;
}

body.newh5-body .van-tabs__wrap {
    height: auto !important;
    padding: 8px 16px 0;
    background: transparent !important;
}

body.newh5-body .van-tabs__nav {
    padding: 4px;
    border-radius: 16px;
    background: rgba(17, 20, 42, 0.66) !important;
    border: 1px solid var(--newh5-border);
    backdrop-filter: blur(12px);
}

body.newh5-body .van-tab {
    min-width: 0;
    padding: 10px 0;
    color: var(--newh5-text-muted);
    font-size: 13px;
    transition: color 0.2s ease;
}

body.newh5-body .van-tab--active {
    color: var(--newh5-text);
}

body.newh5-body .van-tabs__line {
    bottom: 5px !important;
    height: 28px !important;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(77, 240, 255, 0.28) 0%, rgba(164, 80, 255, 0.24) 100%) !important;
}

body.newh5-body .van-cell-group,
body.newh5-body .menu-group,
body.newh5-body .rule-section,
body.newh5-body .filter-bar,
body.newh5-body .search-box,
body.newh5-body .result-card,
body.newh5-body .trade-list,
body.newh5-body .recent-section,
body.newh5-body .invite-info,
body.newh5-body .invite-stats,
body.newh5-body .invite-tips,
body.newh5-body .section-card,
body.newh5-body .product-info-card,
body.newh5-body .product-card,
body.newh5-body .order-card,
body.newh5-body .order-info,
body.newh5-body .status-card,
body.newh5-body .trade-record,
body.newh5-body .trade-scroll-container,
body.newh5-body .record-item,
body.newh5-body .profit-item,
body.newh5-body .commission-item,
body.newh5-body .hot-questions,
body.newh5-body .tips-card {
    border-radius: 16px !important;
    border: 1px solid var(--newh5-border) !important;
    background: var(--newh5-glass-sm) !important;
    backdrop-filter: blur(12px);
    box-shadow: var(--newh5-shadow-soft) !important;
}

body.newh5-body .agent-card,
body.newh5-body .commission-stats,
body.newh5-body .query-header,
body.newh5-body .order-info,
body.newh5-body .status-card {
    background: var(--newh5-glass-lg) !important;
    border: 1px solid var(--newh5-border-strong) !important;
    box-shadow: var(--newh5-shadow) !important;
}

body.newh5-body .van-cell-group,
body.newh5-body .menu-group,
body.newh5-body .rule-section,
body.newh5-body .filter-bar,
body.newh5-body .search-box,
body.newh5-body .result-card,
body.newh5-body .trade-list,
body.newh5-body .recent-section,
body.newh5-body .invite-info,
body.newh5-body .invite-stats,
body.newh5-body .invite-tips,
body.newh5-body .section-card,
body.newh5-body .product-info-card,
body.newh5-body .status-card,
body.newh5-body .order-info,
body.newh5-body .tips-card {
    margin: 0 16px 14px;
    overflow: hidden;
}

body.newh5-body .product-card,
body.newh5-body .order-card,
body.newh5-body .record-item,
body.newh5-body .profit-item,
body.newh5-body .commission-item {
    margin-bottom: 12px !important;
}

body.newh5-body .van-cell-group--inset {
    margin-left: 16px !important;
    margin-right: 16px !important;
}

body.newh5-body .van-cell,
body.newh5-body .van-field {
    background: transparent !important;
    color: var(--newh5-text) !important;
}

body.newh5-body .van-cell::after,
body.newh5-body .van-field::after {
    left: 16px !important;
    right: 16px !important;
    border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}

body.newh5-body .van-cell__title,
body.newh5-body .van-cell__value,
body.newh5-body .van-cell__label,
body.newh5-body .van-field__label,
body.newh5-body .van-field__control,
body.newh5-body .van-field__body {
    color: var(--newh5-text) !important;
}

body.newh5-body .van-cell__label,
body.newh5-body .van-field__label,
body.newh5-body .van-field__control::placeholder {
    color: var(--newh5-text-muted) !important;
}

body.newh5-body .van-button {
    border-radius: 12px !important;
    font-weight: 600;
}

body.newh5-body .van-button--primary {
    color: #061020 !important;
    border: none !important;
    background: linear-gradient(135deg, var(--newh5-cyan) 0%, #74d5ff 48%, #a38cff 100%) !important;
    box-shadow: 0 10px 20px rgba(77, 240, 255, 0.22);
}

body.newh5-body .van-button--default,
body.newh5-body .van-button--plain {
    color: var(--newh5-text) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

body.newh5-body .van-submit-bar {
    background: rgba(17, 20, 42, 0.94) !important;
    backdrop-filter: blur(16px);
    border-top: 1px solid var(--newh5-border);
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
}

body.newh5-body .van-submit-bar__bar {
    background: transparent !important;
}

body.newh5-body .van-submit-bar__text,
body.newh5-body .van-submit-bar__price,
body.newh5-body .van-submit-bar__tip {
    color: var(--newh5-text) !important;
}

body.newh5-body .van-submit-bar__tip {
    background: transparent !important;
    border-top: none !important;
}

body.newh5-body .van-submit-bar .van-icon {
    color: var(--newh5-cyan) !important;
}

body.newh5-body .van-empty__description,
body.newh5-body .van-list__finished-text,
body.newh5-body .van-pull-refresh__head {
    color: var(--newh5-text-muted) !important;
}

body.newh5-body .van-popup,
body.newh5-body .van-dialog {
    background: linear-gradient(180deg, rgba(19, 24, 48, 0.98) 0%, rgba(10, 14, 30, 0.98) 100%) !important;
    color: var(--newh5-text);
}

body.newh5-body .van-dialog {
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: var(--newh5-shadow);
}

body.newh5-body .van-dialog__header,
body.newh5-body .van-dialog__content,
body.newh5-body .van-dialog__message {
    color: var(--newh5-text) !important;
}

body.newh5-body .van-picker,
body.newh5-body .van-picker__toolbar {
    background: transparent !important;
}

body.newh5-body .van-picker__title,
body.newh5-body .van-picker-column__item--selected {
    color: var(--newh5-text) !important;
}

body.newh5-body .van-picker-column__item,
body.newh5-body .van-picker__cancel {
    color: var(--newh5-text-muted) !important;
}

body.newh5-body .van-picker__confirm {
    color: var(--newh5-cyan) !important;
}

body.newh5-body .van-notice-bar {
    margin: 0 16px 14px;
    border-radius: 14px;
    border: 1px solid rgba(255, 215, 107, 0.22);
    background: linear-gradient(180deg, rgba(255, 215, 107, 0.12) 0%, rgba(255, 215, 107, 0.06) 100%) !important;
}

body.newh5-body .ai-tabbar {
    position: fixed;
    left: 14px;
    right: 14px;
    bottom: calc(10px + env(safe-area-inset-bottom));
    z-index: 85;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    padding: 8px 10px;
    background: linear-gradient(180deg, rgba(18, 22, 48, 0.96) 0%, rgba(10, 14, 31, 0.98) 100%) !important;
    backdrop-filter: blur(22px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 22px;
    box-shadow: 0 18px 40px rgba(2, 6, 23, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    overflow: hidden;
}

body.newh5-body .ai-tabbar-item {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    padding: 6px 0;
    color: #6f7ba8;
    font-size: 11px;
    font-weight: 500;
    z-index: 1;
}

body.newh5-body .ai-tabbar-item::before {
    content: '';
    position: absolute;
    inset: 0 4px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(77, 240, 255, 0.10) 0%, rgba(164, 80, 255, 0.08) 100%);
    border: 1px solid rgba(255, 255, 255, 0.04);
    opacity: 0;
    transform: translateY(6px);
    transition: opacity 0.22s ease, transform 0.22s ease;
}

body.newh5-body .ai-tabbar-icon,
body.newh5-body .ai-tabbar-label {
    position: relative;
    z-index: 1;
}

body.newh5-body .ai-tabbar-icon {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    transition: background 0.22s ease, box-shadow 0.22s ease, color 0.22s ease;
}

body.newh5-body .ai-tabbar-icon svg {
    width: 22px;
    height: 22px;
    display: block;
    overflow: visible;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body.newh5-body .ai-tabbar-icon svg *,
body.newh5-body .ai-tabbar-icon svg path,
body.newh5-body .ai-tabbar-icon svg circle,
body.newh5-body .ai-tabbar-icon svg rect,
body.newh5-body .ai-tabbar-icon svg polyline,
body.newh5-body .ai-tabbar-icon svg line {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

body.newh5-body .ai-tabbar-label {
    white-space: nowrap;
    line-height: 1;
}

body.newh5-body .ai-tabbar-item.active {
    color: var(--newh5-cyan);
    font-weight: 700;
}

body.newh5-body .ai-tabbar-item.active::before {
    opacity: 1;
    transform: translateY(0);
    background: linear-gradient(180deg, rgba(77, 240, 255, 0.16) 0%, rgba(164, 80, 255, 0.14) 100%);
    border-color: rgba(77, 240, 255, 0.18);
}

body.newh5-body .ai-tabbar-item.active .ai-tabbar-icon {
    background: rgba(77, 240, 255, 0.12);
    box-shadow: 0 0 0 1px rgba(77, 240, 255, 0.14), 0 0 18px rgba(77, 240, 255, 0.12);
}

body.newh5-body .ai-tabbar-item.active .ai-tabbar-label {
    color: #dffcff;
    text-shadow: 0 0 12px rgba(77, 240, 255, 0.18);
}

body.newh5-body .newh5-tabbar-spacer {
    height: 102px;
}

body.newh5-body .support-fab,
body.newh5-body .ai-service-float {
    position: fixed !important;
    right: 20px !important;
    bottom: calc(98px + env(safe-area-inset-bottom)) !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: rgba(17, 20, 42, 0.66) !important;
    border: 1px solid rgba(77, 240, 255, 0.45) !important;
    color: var(--newh5-cyan) !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 0 28px rgba(77, 240, 255, 0.22), 0 0 42px rgba(164, 80, 255, 0.12);
    z-index: 82 !important;
}

body.newh5-body .support-fab .van-icon,
body.newh5-body .ai-service-float .van-icon {
    font-size: 20px !important;
}

body.newh5-body .product-name,
body.newh5-body .record-title,
body.newh5-body .profit-title,
body.newh5-body .commission-title,
body.newh5-body .section-title,
body.newh5-body .rule-title,
body.newh5-body .tips-title,
body.newh5-body .stats-title,
body.newh5-body .order-status,
body.newh5-body .status-text,
body.newh5-body .result-header .product-name,
body.newh5-body .trade-section h3,
body.newh5-body .recent-section h3,
body.newh5-body .query-header h1,
body.newh5-body .hot-questions .title {
    color: var(--newh5-text) !important;
}

body.newh5-body .product-version,
body.newh5-body .product-duration,
body.newh5-body .order-no,
body.newh5-body .order-time,
body.newh5-body .record-time,
body.newh5-body .profit-time,
body.newh5-body .commission-from,
body.newh5-body .commission-time,
body.newh5-body .commission-hash,
body.newh5-body .rule-content,
body.newh5-body .tips-content,
body.newh5-body .tips-list,
body.newh5-body .query-header p,
body.newh5-body .info-item .label,
body.newh5-body .trade-item .left .time,
body.newh5-body .trade-item .right .type,
body.newh5-body .recent-item .info,
body.newh5-body .recent-item .phone,
body.newh5-body .recharge-tip,
body.newh5-body .balance-tip,
body.newh5-body .record-desc {
    color: var(--newh5-text-muted) !important;
}

body.newh5-body .price,
body.newh5-body .order-price,
body.newh5-body .profit-amount,
body.newh5-body .commission-amount,
body.newh5-body .record-amount.income,
body.newh5-body .stats-value,
body.newh5-body .stat-value,
body.newh5-body .amount-text,
body.newh5-body .result-header .status-tag,
body.newh5-body .trade-item .right .profit,
body.newh5-body .recent-item .profit,
body.newh5-body .commission-item .value,
body.newh5-body .record-amount,
body.newh5-body .main-amount .amount {
    color: var(--newh5-cyan) !important;
}

body.newh5-body .record-amount.expense,
body.newh5-body .status-2,
body.newh5-body .status-3,
body.newh5-body .market-change.down {
    color: var(--newh5-red) !important;
}

body.newh5-body .status-1,
body.newh5-body .profit-type .commission-icon,
body.newh5-body .market-change.up,
body.newh5-body .record-icon.income,
body.newh5-body .profit-amount,
body.newh5-body .remain-text {
    color: var(--newh5-green) !important;
}

body.newh5-body .record-icon.income,
body.newh5-body .trade-record-icon.buy,
body.newh5-body .question-item {
    background: rgba(133, 242, 105, 0.12) !important;
}

body.newh5-body .record-icon.expense,
body.newh5-body .trade-record-icon.sell {
    background: rgba(255, 82, 82, 0.1) !important;
}

body.newh5-body .profit-icon,
body.newh5-body .commission-icon,
body.newh5-body .record-icon,
body.newh5-body .record-item .record-icon,
body.newh5-body .result-header .status-tag {
    border: 1px solid rgba(255, 255, 255, 0.05);
}

body.newh5-body .question-item {
    color: var(--newh5-cyan) !important;
    border-radius: 999px;
    border: 1px solid rgba(77, 240, 255, 0.18);
}

body.newh5-body .chat-container {
    top: 54px !important;
    bottom: 72px !important;
    left: 0;
    right: 0;
    background: transparent !important;
    padding: 16px !important;
}

body.newh5-body .message-item .bubble {
    border-radius: 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: var(--newh5-glass-sm) !important;
    color: var(--newh5-text) !important;
    box-shadow: var(--newh5-shadow-soft);
}

body.newh5-body .message-item .time {
    color: var(--newh5-text-muted) !important;
}

body.newh5-body .message-item.self .bubble {
    background: linear-gradient(135deg, rgba(77, 240, 255, 0.22) 0%, rgba(164, 80, 255, 0.18) 100%) !important;
    border-color: rgba(77, 240, 255, 0.18) !important;
}

body.newh5-body .input-area {
    background: rgba(17, 20, 42, 0.96) !important;
    border-top: 1px solid var(--newh5-border) !important;
    backdrop-filter: blur(14px);
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom)) !important;
    gap: 8px !important;
}

body.newh5-body .input-box .van-field {
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    background: rgba(255, 255, 255, 0.04) !important;
}

body.newh5-body .connection-status {
    top: 62px !important;
    color: #fff;
    background: rgba(255, 82, 82, 0.88) !important;
    box-shadow: 0 8px 22px rgba(255, 82, 82, 0.16);
}

body.newh5-body .connection-status.connected {
    color: var(--newh5-green) !important;
    background: rgba(133, 242, 105, 0.12) !important;
    border: 1px solid rgba(133, 242, 105, 0.18);
}

body.newh5-body .trade-section,
body.newh5-body .recent-section,
body.newh5-body .search-box,
body.newh5-body .result-card {
    margin-left: 16px !important;
    margin-right: 16px !important;
}

body.newh5-body .query-header {
    padding: 76px 20px 54px !important;
    text-align: left !important;
}

body.newh5-body .search-box {
    margin-top: -22px !important;
    padding: 16px !important;
}

body.newh5-body .query-header h1 {
    margin-bottom: 8px;
    font-size: 24px;
}

body.newh5-body .trade-section h3,
body.newh5-body .recent-section h3,
body.newh5-body .section-title,
body.newh5-body .rule-title {
    border: none !important;
    padding-left: 0 !important;
}

body.newh5-body .trade-item,
body.newh5-body .recent-item,
body.newh5-body .record-item,
body.newh5-body .profit-item,
body.newh5-body .commission-item,
body.newh5-body .order-card,
body.newh5-body .product-card {
    border-color: rgba(255, 255, 255, 0.05) !important;
}

body.newh5-body .status-bg-0 {
    background: linear-gradient(135deg, rgba(255, 215, 107, 0.34) 0%, rgba(255, 179, 71, 0.3) 100%) !important;
}

body.newh5-body .status-bg-1 {
    background: linear-gradient(135deg, rgba(77, 240, 255, 0.24) 0%, rgba(133, 242, 105, 0.2) 100%) !important;
}

body.newh5-body .status-bg-2,
body.newh5-body .status-bg-3 {
    background: linear-gradient(135deg, rgba(139, 146, 178, 0.22) 0%, rgba(59, 68, 96, 0.24) 100%) !important;
}

body.newh5-body .bottom-actions {
    background: rgba(17, 20, 42, 0.94) !important;
    border-top: 1px solid var(--newh5-border);
    backdrop-filter: blur(14px);
}

body.newh5-body .trade-section .empty-state,
body.newh5-body .recent-section .empty-state {
    color: var(--newh5-text-muted) !important;
}

@media (max-width: 360px) {
    body.newh5-body .product-card,
    body.newh5-body .order-card,
    body.newh5-body .record-item,
    body.newh5-body .profit-item,
    body.newh5-body .commission-item {
        border-radius: 14px !important;
    }
}

@media (min-width: 768px) {
    body.newh5-body > #app {
        max-width: 430px;
        margin: 0 auto;
        box-shadow: 0 30px 80px rgba(2, 6, 23, 0.42);
    }

    body.newh5-body .van-nav-bar,
    body.newh5-body .van-submit-bar,
    body.newh5-body .chat-container,
    body.newh5-body .input-area,
    body.newh5-body .bottom-actions {
        left: calc((100vw - 430px) / 2) !important;
        right: calc((100vw - 430px) / 2) !important;
        width: auto !important;
    }

    body.newh5-body .ai-tabbar {
        left: calc((100vw - 430px) / 2 + 14px) !important;
        right: calc((100vw - 430px) / 2 + 14px) !important;
        width: auto !important;
    }

    body.newh5-body .support-fab,
    body.newh5-body .ai-service-float,
    body.newh5-body .connection-status {
        right: calc((100vw - 430px) / 2 + 20px) !important;
        left: auto !important;
    }
}