/* ============================================================
   ebay Review RoBoT — H5 主题覆盖层 v2（暗色霓虹）
   作用域：登录 / 注册 / 全局组件
   引入：public/h5/index.html（在打包 CSS 之后）
   回滚：删除 index.html 中对应 <link> 即可
   ============================================================ */

:root {
    --neon-pink: #ff2d9b;
    --neon-violet: #a855f7;
    --neon-cyan: #22d3ee;
    --neon-blue: #6366f1;
    --text-main: #10162b;
    --text-sub: #6b7690;
    --card-radius: 26px;
    --field-radius: 15px;
    --adm-color-primary: #7c3aed;
    --adm-color-success: #06b981;
    --adm-color-danger: #f5455c;
    --adm-color-warning: #ff9f1c;
}

/* ============================================================
   字体：Inter（拉丁/数字）+ 系统中文，全局生效
   ============================================================ */
@font-face {
    font-family: 'InterVar';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/npm/@fontsource-variable/inter@5.0.18/files/inter-latin-wght-normal.woff2') format('woff2-variations');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    --font-sans: 'InterVar', 'Noto Sans SC Variable', -apple-system, BlinkMacSystemFont,
        'SF Pro Text', 'Segoe UI', Roboto, 'Helvetica Neue', 'PingFang SC',
        'HarmonyOS Sans SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
}

html, body, body * , button, input, textarea, select, .adm-button, .adm-input {
    font-family: var(--font-sans) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.005em;
}

/* 标题层级字距更紧，正文更松 */
h1, h2, h3, h4, .header, .adm-nav-bar-title {
    letter-spacing: 0 !important;
}

body {
    background: #f4f7fd;
    color: var(--text-main);
}

/* ============================================================
   登录页 —— 暗色霓虹
   ============================================================ */
.login {
    width: 100%;
    min-height: 100vh;
    height: auto;
    background:
        radial-gradient(760px 540px at 16% 14%, rgba(255, 45, 155, .30), transparent 62%),
        radial-gradient(820px 600px at 90% 26%, rgba(34, 211, 238, .20), transparent 60%),
        radial-gradient(900px 720px at 50% 112%, rgba(168, 85, 247, .32), transparent 66%),
        #04040a;
    background-attachment: fixed;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    color: #fff;
}

.login::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px);
    background-size: 46px 46px;
    mask-image: radial-gradient(circle at 50% 34%, #000 0%, transparent 76%);
    -webkit-mask-image: radial-gradient(circle at 50% 34%, #000 0%, transparent 76%);
    opacity: .8;
}

/* 语言切换胶囊 */
.login .lang {
    position: relative;
    z-index: 3;
    width: auto;
    align-self: flex-end;
    margin: 16px 16px 0;
    padding: 7px 15px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .14);
    box-shadow: 0 0 20px rgba(168, 85, 247, .22);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .2px;
    color: #eae6ff;
    text-align: center;
    transition: background .2s, border-color .2s, box-shadow .2s;
}

.login .lang:active {
    background: rgba(255, 255, 255, .12);
    box-shadow: 0 0 28px rgba(255, 45, 155, .4);
}

.login .lang p {
    margin: 0;
    font-size: 13px;
    line-height: 1.2;
    color: inherit;
}

/* 主容器 */
.login .from_login {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    width: 100%;
    max-width: 430px;
    margin: auto;
    padding: 24px 22px 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

/* Logo：霓虹字标方块 */
.login .from_login .logo {
    width: 118px;
    height: 118px;
    margin: 0 0 26px;
    border-radius: 30px;
    background: #04040a;
    border: 1px solid rgba(255, 255, 255, .12);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow:
        0 0 0 1px rgba(255, 45, 155, .22),
        0 20px 56px rgba(0, 0, 0, .8),
        0 0 70px rgba(168, 85, 247, .5),
        0 0 110px rgba(34, 211, 238, .22);
    animation: logoFloat 7s ease-in-out infinite;
}

.login .from_login .logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
    display: block;
    transform: scale(1.12);
}

@keyframes logoFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}

/* 玻璃卡片 */
.login .login_from {
    width: 100%;
    height: auto;
    background: linear-gradient(160deg, rgba(24, 24, 38, .9) 0%, rgba(9, 9, 15, .94) 100%);
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: var(--card-radius);
    padding: 24px 20px 16px;
    box-sizing: border-box;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .07) inset,
        0 30px 80px rgba(0, 0, 0, .75),
        0 0 70px rgba(168, 85, 247, .16);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
}

/* 输入框 */
.login .input_from {
    width: 100%;
    height: 52px;
    box-sizing: border-box;
    margin: 0 0 12px;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: var(--field-radius);
    background: rgba(255, 255, 255, .055);
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background .2s, border-color .2s, box-shadow .2s;
}

.login .input_from:focus-within {
    background: rgba(255, 255, 255, .09);
    border-color: rgba(255, 45, 155, .65);
    box-shadow:
        0 0 0 3px rgba(255, 45, 155, .16),
        0 0 26px rgba(255, 45, 155, .3);
}

.login .input_from input {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    height: 100%;
    padding: 0 2px;
    border: none;
    outline: none;
    background: transparent;
    font-size: 14.5px;
    color: #fff;
    letter-spacing: 0;
    text-overflow: ellipsis;
    caret-color: var(--neon-cyan);
}

.login .input_from input::placeholder {
    color: rgba(255, 255, 255, .34);
    font-weight: 400;
    font-size: 12.5px;
    letter-spacing: -.2px;
}

.login .input_from .password {
    width: 100% !important;
}

.login .area_code {
    width: auto;
    min-width: 40px;
    flex: 0 0 auto;
    height: 24px;
    padding-right: 6px;
    border-right: 1px solid rgba(255, 255, 255, .14);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 13.5px;
    font-weight: 600;
}

.login .area_code svg {
    margin-left: 2px;
    opacity: .7;
    color: var(--neon-cyan);
}

.login .area_code p {
    padding: 0;
    font-size: 13.5px;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
}

/* 记住我 */
.login .Remember {
    width: 100%;
    margin: 6px 0 4px;
    font-size: 13.5px;
    color: rgba(255, 255, 255, .55);
}

.login .Remember .adm-checkbox {
    --icon-size: 19px;
    --font-size: 13.5px;
    --gap: 8px;
}

.login .adm-checkbox-icon {
    border-radius: 6px !important;
    border-color: rgba(255, 255, 255, .28) !important;
    background: rgba(255, 255, 255, .05);
}

.login .adm-checkbox-checked .adm-checkbox-icon {
    background: linear-gradient(135deg, var(--neon-pink), var(--neon-violet)) !important;
    border-color: transparent !important;
    box-shadow: 0 0 14px rgba(255, 45, 155, .5);
}

.login .Remember .adm-checkbox-content {
    color: rgba(255, 255, 255, .55);
}

/* 主按钮 */
.login .submit {
    width: 100%;
    margin: 18px 0 0;
}

.login .submit button,
.login .submit .adm-button {
    width: 100%;
    height: 52px;
    border-radius: var(--field-radius) !important;
    border: none !important;
    background: linear-gradient(115deg, #ff2d9b 0%, #a855f7 48%, #22d3ee 100%) !important;
    box-shadow:
        0 14px 38px rgba(255, 45, 155, .38),
        0 0 34px rgba(34, 211, 238, .26),
        0 1px 0 rgba(255, 255, 255, .35) inset !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    transition: transform .12s, box-shadow .2s, filter .2s;
}

.login .submit button::before,
.login .submit .adm-button::before {
    display: none !important;
}

.login .submit button:active,
.login .submit .adm-button:active {
    transform: scale(.985);
    filter: brightness(.95);
    box-shadow: 0 8px 20px rgba(255, 45, 155, .3) !important;
}

.login .submit button span,
.login .submit button .adm-button-loading-wrapper {
    color: #fff !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .25);
}

/* 底部文字 */
.login .login_from > div[style*="15px"] {
    display: none !important;
}

.login .login_text {
    margin-top: 14px;
    padding: 0;
    font-size: 13px;
    color: rgba(255, 255, 255, .45);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.login .login_text > p {
    margin: 0;
    font-size: 13px;
}

.login .login_text > p:last-child {
    color: var(--neon-cyan);
    font-weight: 600;
    cursor: pointer;
    text-shadow: 0 0 16px rgba(34, 211, 238, .55);
}

.login .login_text > p:last-child:active {
    opacity: .7;
}

/* 客服气泡 */
.login .float-service img {
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .15), 0 10px 30px rgba(0, 0, 0, .6), 0 0 26px rgba(168, 85, 247, .4);
}

/* ============================================================
   注册页 —— 同风格
   ============================================================ */
.Register {
    width: 100%;
    min-height: 100vh;
    height: auto;
    background:
        radial-gradient(760px 540px at 16% 14%, rgba(255, 45, 155, .30), transparent 62%),
        radial-gradient(820px 600px at 90% 26%, rgba(34, 211, 238, .20), transparent 60%),
        radial-gradient(900px 720px at 50% 112%, rgba(168, 85, 247, .32), transparent 66%),
        #04040a;
    background-attachment: fixed;
    display: flex;
    flex-direction: column;
    color: #fff;
}

.Register .lang {
    align-self: flex-end;
    margin: 16px 16px 0;
    padding: 7px 15px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .14);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    font-size: 13px;
    color: #eae6ff;
    text-align: center;
    width: auto;
    position: relative;
    z-index: 3;
}

.Register .lang p {
    margin: 0;
    font-size: 13px;
    color: inherit;
}

.Register .from_Register {
    width: 100%;
    max-width: 430px;
    margin: auto;
    padding: 24px 22px 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    left: auto;
    top: auto;
    transform: none;
}

.Register .logo {
    width: 96px;
    height: 96px;
    margin: 0 0 24px;
    border-radius: 26px;
    background: #04040a;
    border: 1px solid rgba(255, 255, 255, .12);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 0 0 0 1px rgba(255, 45, 155, .2), 0 18px 50px rgba(0, 0, 0, .75), 0 0 60px rgba(168, 85, 247, .4);
}

.Register .logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 26px;
}

.Register .Register_from,
.Register .login_from {
    width: 100%;
    height: auto;
    background: linear-gradient(160deg, rgba(24, 24, 38, .9) 0%, rgba(9, 9, 15, .94) 100%);
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: var(--card-radius);
    padding: 24px 20px 18px;
    box-sizing: border-box;
    box-shadow: 0 30px 80px rgba(0, 0, 0, .75), 0 0 70px rgba(168, 85, 247, .16);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
}

.Register .input_from,
.Register .info_from {
    width: 100%;
    height: 52px;
    box-sizing: border-box;
    margin: 0 0 12px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: var(--field-radius);
    background: rgba(255, 255, 255, .055);
    display: flex;
    align-items: center;
    transition: background .2s, border-color .2s, box-shadow .2s;
}

.Register .input_from:focus-within,
.Register .info_from:focus-within {
    background: rgba(255, 255, 255, .09);
    border-color: rgba(255, 45, 155, .65);
    box-shadow: 0 0 0 3px rgba(255, 45, 155, .16), 0 0 26px rgba(255, 45, 155, .3);
}

.Register .input_from input,
.Register .info_from input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-size: 14.5px;
    color: #fff;
}

.Register .area_code {
    width: auto;
    min-width: 44px;
    flex: 0 0 auto;
    height: 26px;
    padding-right: 8px;
    margin-right: 6px;
    border-right: 1px solid rgba(255, 255, 255, .14);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    color: #fff;
    font-size: 13.5px;
    font-weight: 600;
    white-space: nowrap;
}

.Register .area_code p {
    margin: 0;
    padding: 0;
    font-size: 13.5px;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
}

.Register .area_code svg {
    color: var(--neon-cyan);
    opacity: .75;
    flex: 0 0 auto;
}

/* 弹层：圆角与配色 */
.adm-popup-body {
    border-radius: 22px 22px 0 0;
    overflow: hidden;
}

.adm-picker-header {
    border-bottom: 1px solid rgba(0, 0, 0, .06);
}

.adm-picker-header .adm-picker-header-button:first-child {
    color: #6b7690;
}

.adm-picker-header .adm-picker-header-button:last-child {
    color: #7c3aed;
    font-weight: 600;
}

.Register .input_from input::placeholder,
.Register .info_from input::placeholder {
    color: rgba(255, 255, 255, .34);
    font-size: 13px;
}

.Register .Register_submit {
    width: 100%;
    margin: 18px 0 0;
}

.Register .Register_submit button,
.Register .Register_submit .adm-button {
    width: 100%;
    height: 52px;
    border-radius: var(--field-radius) !important;
    border: none !important;
    background: linear-gradient(115deg, #ff2d9b 0%, #a855f7 48%, #22d3ee 100%) !important;
    box-shadow: 0 14px 38px rgba(255, 45, 155, .38), 0 0 34px rgba(34, 211, 238, .26) !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
}

.Register .Register_submit button::before {
    display: none !important;
}

.Register .Register_text {
    margin-top: 14px;
    font-size: 13px;
    color: rgba(255, 255, 255, .45);
    text-align: center;
}

.Register .Register_text p:last-child,
.Register .Register_text a {
    color: var(--neon-cyan);
}

/* ============================================================
   通用层：内页头部 / 卡片 / 按钮 / 底栏
   ============================================================ */
.header {
    background: linear-gradient(120deg, #7c3aed 0%, #a855f7 50%, #6366f1 100%);
    color: #fff;
    font-weight: 600;
    letter-spacing: .3px;
    min-height: 52px;
    box-shadow: 0 6px 22px rgba(124, 58, 237, .28);
}

.header .backIcon,
.header .backIcon svg,
.header .backIcon i {
    color: #fff;
}

.userInfo_box,
.Withdraw_box,
.recharge,
.team_box,
.order_card1,
.detail_box,
.about_box,
.help_box,
.bankItem,
.list_content,
.sever_model,
.modelWindow,
.react_pop .window_center {
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(16, 32, 78, .08);
}

.adm-button-shape-default.adm-button-block,
.pay_btn_ground,
.submit_Pay,
.withdraw_button,
.pop_button,
.pop_but,
.pop_but_trade,
.but_click {
    border-radius: 14px;
}

.tabber {
    background: rgba(255, 255, 255, .94);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 -6px 24px rgba(16, 32, 78, .08);
}

.tabber .adm-tab-bar-item-active,
.tabber .active {
    color: #7c3aed;
}

.area_box,
.input_area,
.money_num,
.info_from,
.code {
    border-radius: var(--field-radius);
}

.login_text > p:last-child,
.invite_text,
.copy,
.tishi,
.arrow {
    color: #7c3aed;
}

@supports (padding: max(0px)) {
    .login .from_login,
    .Register .from_Register {
        padding-bottom: max(48px, env(safe-area-inset-bottom));
    }
}

@media (max-height: 720px) {
    .login .from_login .logo {
        width: 88px;
        height: 88px;
        margin-bottom: 20px;
        border-radius: 24px;
    }

    .login .from_login {
        padding-top: 10px;
    }

    .login .login_from {
        padding: 20px 18px 14px;
    }
}

/* ============================================================
   首页（/）展示页 —— 高级感重构
   结构：.index_all > .header / .home_earnings / .banner / .notice
                  / .index_sever / .teamwork / .tabber
   ============================================================ */
.index_all {
    width: 100%;
    min-height: 100vh;
    height: auto;
    box-sizing: border-box;
    padding-bottom: 22px;
    background:
        radial-gradient(760px 380px at 50% -10%, rgba(124, 58, 237, .12), transparent 70%),
        radial-gradient(620px 320px at 100% 6%, rgba(34, 211, 238, .10), transparent 66%),
        #f4f6fb;
    color: #10162b;
}

/* 顶部品牌条 */
.index_all .header {
    min-height: 0;
    padding: 10px 0 8px;
    background: #fff;
    border-bottom: 1px solid rgba(16, 32, 78, .06);
    box-shadow: 0 2px 12px rgba(16, 32, 78, .04);
}

.index_all .header img {
    width: auto;
    height: 36px;
    max-width: 78%;
    object-fit: contain;
    display: block;
}

/* 累计收益：深色霓虹主卡 */
.index_all .home_earnings {
    position: relative;
    width: auto;
    height: auto;
    margin: 16px 16px 16px;
    padding: 18px 20px 20px;
    box-sizing: border-box;
    border-radius: 22px;
    background: linear-gradient(145deg, #14102a 0%, #241a4d 46%, #0d1b3d 100%);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    color: #fff;
    box-shadow:
        0 20px 44px rgba(20, 16, 42, .30),
        0 0 0 1px rgba(255, 255, 255, .07) inset;
    overflow: hidden;
}

.index_all .home_earnings::after {
    content: "";
    position: absolute;
    right: -46px;
    top: -70px;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 45, 155, .55) 0%, rgba(168, 85, 247, .22) 45%, transparent 68%);
    pointer-events: none;
}

.index_all .home_earnings::before {
    content: "";
    position: absolute;
    left: -60px;
    bottom: -80px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(34, 211, 238, .35) 0%, transparent 66%);
    pointer-events: none;
}

.index_all .home_earnings > p:first-child {
    margin: 0;
    color: rgba(255, 255, 255, .62);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .6px;
    position: relative;
    z-index: 1;
}

.index_all .user_money {
    width: 100%;
    min-width: 0;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    gap: 10px;
    color: #fff;
    text-transform: none;
    position: relative;
    z-index: 1;
}

.index_all .user_money img {
    width: 30px;
    height: 30px;
    align-self: center;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .18), 0 4px 14px rgba(0, 0, 0, .35);
}

.index_all .user_money > p:nth-child(2) {
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: .6px;
    font-variant-numeric: tabular-nums;
    background: linear-gradient(96deg, #ffffff 18%, #d9c9ff 55%, #8fe9ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.index_all .user_money > p:last-child {
    margin: 0 0 0 -4px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .8px;
    color: rgba(255, 255, 255, .58);
}

/* 横幅 */
.index_all .banner .adm-swiper {
    --height: 152px !important;
    height: 152px !important;
    border-radius: 18px;
    overflow: hidden;
}

.index_all .banner {
    width: auto;
    margin: 0 16px 14px;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 14px 32px rgba(16, 32, 78, .16);
    background: #e8edf7;
}

.index_all .banner .adm-swiper-slide,
.index_all .banner .adm-swiper-item,
.index_all .swiper_item {
    width: 100% !important;
}

.index_all .swiper_item {
    height: 152px;
    display: block;
}

.index_all .swiper_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.index_all .banner .adm-page-indicator {
    bottom: 10px;
    gap: 5px;
}

.index_all .banner .adm-page-indicator-dot {
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: rgba(255, 255, 255, .55);
    transition: width .25s, background .25s;
}

.index_all .banner .adm-page-indicator-dot-active {
    width: 16px;
    background: #fff;
}

/* 公告条 */
.index_all .notice .adm-swiper {
    --height: 44px !important;
    height: 44px !important;
}

.index_all .notice {
    width: auto;
    height: auto;
    margin: 0 16px 20px;
    display: block;
}

.index_all .notice .adm-swiper,
.index_all .notice .adm-swiper-slide {
    border-radius: 14px;
    overflow: hidden;
}

.index_all .notice .adm-swiper-slide {
    background: #fff;
    border: 1px solid rgba(16, 32, 78, .07);
    box-shadow: 0 4px 16px rgba(16, 32, 78, .06);
}

.index_all .notice_swper {
    width: 100%;
    padding: 11px 14px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    font-size: 13px;
    line-height: 1.35;
    color: #3a4560;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.index_all .notice_swper svg {
    flex: 0 0 auto;
    color: #a855f7;
}

/* 区块标题 */
.index_all .index_sever,
.index_all .teamwork {
    width: auto;
    margin: 0 16px;
    max-height: none;
}

.index_all .index_sever h3,
.index_all .teamwork h3 {
    position: relative;
    height: auto;
    margin: 0 0 12px;
    padding-left: 11px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .2px;
    color: #10162b;
}

.index_all .index_sever h3::before,
.index_all .teamwork h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 15px;
    border-radius: 2px;
    background: linear-gradient(180deg, #ff2d9b, #7c3aed);
}

/* 客服三卡 */
.index_all .sever_model {
    width: 100%;
    height: auto;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 10px;
    color: #fff;
}

.index_all .about_help {
    width: 100%;
    height: auto;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
}

.index_all .ah_model {
    flex: 1;
    min-height: 78px;
    height: auto;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 0 16px;
    border-radius: 18px;
    background: #fff !important;
    border: 1px solid rgba(16, 32, 78, .07);
    box-shadow: 0 8px 22px rgba(16, 32, 78, .07) !important;
    position: relative;
    overflow: hidden;
    transition: transform .16s, box-shadow .2s;
}

.index_all .ah_model:active {
    transform: scale(.985);
    box-shadow: 0 4px 12px rgba(16, 32, 78, .08) !important;
}

.index_all .ah_model::before {
    content: "";
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    margin-right: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
}

.index_all .ah_model.about::before {
    background-color: #efe9ff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d28d9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5'/%3E%3Cpath d='M12 7.6v.2'/%3E%3C/svg%3E");
}

.index_all .ah_model.help::before {
    background-color: #ffe7ec;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e11d48' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.4 9.2a2.7 2.7 0 1 1 3.6 2.5c-.7.3-1 .9-1 1.6v.3'/%3E%3Cpath d='M12 16.6v.2'/%3E%3C/svg%3E");
}

.index_all .ah_model::after {
    content: "";
    margin-left: auto;
    width: 7px;
    height: 7px;
    border-right: 1.8px solid #c3cbdb;
    border-top: 1.8px solid #c3cbdb;
    transform: rotate(45deg);
    border-radius: 1px;
    flex: 0 0 auto;
}

.index_all .ah_model p {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: .2px;
    color: #1d2740 !important;
    text-shadow: none !important;
    text-transform: none !important;
    white-space: nowrap;
}

/* 客服主卡 */
.index_all .sever {
    width: 52% !important;
    height: auto;
    margin: 0;
    box-sizing: border-box;
    border-radius: 18px;
    overflow: hidden;
    padding: 14px 14px 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    background:
        radial-gradient(220px 180px at 100% 110%, rgba(34, 211, 238, .45), transparent 66%),
        radial-gradient(200px 160px at 0% 0%, rgba(255, 45, 155, .35), transparent 62%),
        linear-gradient(150deg, #1b1440 0%, #2b1a63 55%, #11305f 100%) !important;
    box-shadow: 0 14px 32px rgba(20, 16, 60, .28) !important;
    position: relative;
}

.index_all .sever::before {
    content: "";
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13v-1a8 8 0 0 1 16 0v1'/%3E%3Crect x='2.5' y='13' width='4' height='6' rx='2'/%3E%3Crect x='17.5' y='13' width='4' height='6' rx='2'/%3E%3Cpath d='M19.5 19v.6a2.4 2.4 0 0 1-2.4 2.4H13'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .12) inset;
    flex: 0 0 auto;
}

.index_all .sever > p:first-child {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: .3px;
    color: #fff !important;
    text-transform: none !important;
    text-shadow: none !important;
    position: relative;
    z-index: 1;
}

.index_all .sever > p:first-child::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-left: 9px;
    border-radius: 50%;
    background: #34d399;
    box-shadow: 0 0 0 3px rgba(52, 211, 153, .18), 0 0 10px rgba(52, 211, 153, .75);
    vertical-align: 2px;
}

/* 合作伙伴 */
.index_all .teamwork {
    margin-top: 24px;
}

.index_all .icon_banner {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
}

.index_all .icon_banner img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    box-sizing: border-box;
    padding: 5px;
    margin: 0;
    border-radius: 12px;
    background: #fff;
    border: 1px solid rgba(16, 32, 78, .07);
    box-shadow: 0 4px 12px rgba(16, 32, 78, .06);
}

/* 底部导航 */
.tabber {
    max-height: none !important;
    height: auto !important;
    background: rgba(255, 255, 255, .88);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-top: 1px solid rgba(16, 32, 78, .06);
    border-radius: 20px 20px 0 0;
    box-shadow: 0 -8px 28px rgba(16, 32, 78, .10);
    overflow: hidden;
    padding-bottom: env(safe-area-inset-bottom);
}

.tabber .adm-tab-bar-item {
    padding-top: 7px;
    padding-bottom: 3px;
    transition: transform .15s;
}

.tabber .adm-tab-bar-item:active {
    transform: scale(.94);
}

.tabber .adm-tab-bar-item-icon {
    font-size: 22px !important;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border-radius: 11px;
    color: #93a0b8;
    transition: color .2s, background .25s, box-shadow .25s;
}

.tabber .adm-tab-bar-item-active .adm-tab-bar-item-icon {
    color: #7c3aed !important;
    background: linear-gradient(135deg, rgba(168, 85, 247, .16) 0%, rgba(255, 45, 155, .12) 100%);
    box-shadow: inset 0 0 0 1px rgba(168, 85, 247, .16);
}

.tabber .adm-tab-bar-item-title {
    font-size: 10.5px !important;
    font-weight: 500;
    letter-spacing: .2px;
    color: #93a0b8;
    margin-top: 2px;
}

.tabber .adm-tab-bar-item-active .adm-tab-bar-item-title {
    color: #7c3aed !important;
    font-weight: 700 !important;
}

/* ============================================================
   内页统一视觉：订单 / 交易 / 团队 / 个人中心 / 表单页
   ============================================================ */

/* 顶部导航：深色渐变，白字 */
.header {
    background: linear-gradient(118deg, #1b1440 0%, #2b1a63 52%, #11305f 100%) !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    min-height: 52px !important;
    letter-spacing: .2px;
    box-shadow: 0 6px 22px rgba(20, 16, 60, .28) !important;
}

.header .backIcon {
    color: #fff !important;
    left: 12px !important;
    font-size: 20px !important;
    opacity: .92;
}

/* ---------- 订单页 ---------- */
.order_tab {
    height: auto !important;
    width: calc(100% - 32px) !important;
    box-sizing: border-box !important;
    margin: 14px 16px 8px !important;
    padding: 0 !important;
    display: flex !important;
    gap: 10px !important;
    justify-content: space-between !important;
}

.order_undone,
.order_complete {
    width: auto !important;
    flex: 1;
    height: 46px !important;
    border-radius: 14px !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: transform .15s, box-shadow .2s, background .2s;
}

.order_undone {
    background: #fff !important;
    color: #6b7690 !important;
    border: 1px solid rgba(16, 32, 78, .08) !important;
    box-shadow: 0 2px 10px rgba(16, 32, 78, .05) !important;
}

.order_complete {
    background: linear-gradient(120deg, #ff2d9b 0%, #a855f7 100%) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 10px 24px rgba(168, 85, 247, .32) !important;
}

.order_card1 {
    padding: 0 16px !important;
    min-height: auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.order_list {
    margin: 12px 0 !important;
    background: #fff !important;
    border-radius: 18px !important;
    padding: 14px 16px !important;
    border: 1px solid rgba(16, 32, 78, .06) !important;
    box-shadow: 0 8px 24px rgba(16, 32, 78, .07) !important;
}

.dataList_order {
    padding: 0 !important;
}

/* ---------- 个人中心 ---------- */
.user_top {
    background:
        radial-gradient(520px 300px at 14% 0%, rgba(255, 45, 155, .42), transparent 62%),
        radial-gradient(520px 320px at 92% 10%, rgba(34, 211, 238, .30), transparent 60%),
        linear-gradient(150deg, #14102a 0%, #241a4d 52%, #0d1b3d 100%) !important;
    height: 196px !important;
}

.user_info > img:first-child {
    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    border: 2px solid rgba(255, 255, 255, .28);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .35);
}

.user_box {
    margin: -92px auto 0 !important;
}

.user_fun {
    background: #fff !important;
    border-radius: 20px !important;
    border: 1px solid rgba(16, 32, 78, .06) !important;
    box-shadow: 0 16px 40px rgba(16, 32, 78, .16) !important;
    padding: 16px 16px 18px !important;
    height: auto !important;
    gap: 14px;
}

.money_num {
    height: auto !important;
    font-size: 13px !important;
}

/* 余额数字：未刷新态 */
body .user .user_usdts > p:first-child:not([data-codex-text-override]) {
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    margin: 0 8px 0 0 !important;
    color: #10162b !important;
    letter-spacing: .3px;
}

/* 余额数字：刷新后（原文清零，只显示 ::after 的新值） */
body .user .user_usdts > p[data-codex-text-override] {
    font-size: 0 !important;
    line-height: 1.1 !important;
}

body .user .user_usdts > p[data-codex-text-override]::after {
    display: inline !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: .3px;
    color: #10162b !important;
    -webkit-text-fill-color: #10162b !important;
}

/* USD 单位标签 */
body .user .user_usdts > p.codex-user-balance-currency::after {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #6b7690 !important;
    -webkit-text-fill-color: #6b7690 !important;
    margin-left: 3px;
    letter-spacing: .4px;
}

.balance_refresh {
    background: linear-gradient(135deg, #f6f0ff 0%, #ffeaf7 100%) !important;
    box-shadow: 0 4px 14px rgba(124, 58, 237, .20), 0 0 0 1px rgba(168, 85, 247, .16) !important;
    padding: 8px !important;
    border-radius: 12px !important;
    box-sizing: content-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .2s;
}

.balance_refresh:active {
    transform: scale(.92) rotate(-25deg);
    box-shadow: 0 2px 8px rgba(124, 58, 237, .16) !important;
}

.balance_refreshing {
    animation: brSpin .9s linear infinite;
}

@keyframes brSpin {
    to { transform: rotate(360deg); }
}

.user_but {
    gap: 10px;
    justify-content: space-between !important;
}

.but_click {
    width: 100% !important;
    height: 46px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    transition: transform .15s, filter .2s;
}

.but1 {
    background: linear-gradient(118deg, #ff2d9b 0%, #a855f7 100%) !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(168, 85, 247, .3) !important;
}

.but2 {
    background: rgba(124, 58, 237, .10) !important;
    color: #6d28d9 !important;
    border: 1px solid rgba(124, 58, 237, .22) !important;
    box-shadow: none !important;
}

.but_click:active {
    transform: scale(.98);
}

.user_list {
    height: auto !important;
    margin: 14px 0 !important;
    background: #fff !important;
    border-radius: 20px !important;
    border: 1px solid rgba(16, 32, 78, .06);
    box-shadow: 0 10px 30px rgba(16, 32, 78, .08) !important;
    padding: 6px 16px !important;
    gap: 0;
}

.user_list_item {
    height: 56px !important;
    border-bottom: 1px solid rgba(16, 32, 78, .06);
}

.user_list_item:last-child {
    border-bottom: none;
}

.user_list_item > svg,
.user_list_item .adm-icon {
    color: #7c3aed;
}

.list_item_name {
    font-size: 15px !important;
    gap: 10px;
    color: #253048;
}

.list_item_name:has(img) {
    position: relative;
    padding-left: 46px;
    min-height: 40px;
}

.list_item_name:has(img)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 13px;
    background: linear-gradient(140deg, #f5eeff 0%, #fdeef8 100%);
    box-shadow: inset 0 0 0 1px rgba(168, 85, 247, .12);
}

.list_item_name img {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border-radius: 0;
    filter: brightness(0) saturate(100%) invert(28%) sepia(72%) saturate(2600%) hue-rotate(248deg) brightness(96%) contrast(94%);
}

.list_item_name p {
    margin: 0 !important;
    font-weight: 500;
}

.Logout {
    margin-top: 16px !important;
    height: 50px;
    border-radius: 14px !important;
    background: #fff !important;
    color: #d92d3f !important;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid rgba(217, 45, 63, .22) !important;
    box-shadow: 0 6px 18px rgba(16, 32, 78, .06) !important;
}

/* ---------- 交易页 ---------- */
.Trade_box {
    padding: 16px !important;
}

.Trade_top {
    background:
        radial-gradient(420px 260px at 90% 0%, rgba(34, 211, 238, .34), transparent 62%),
        linear-gradient(140deg, #14102a 0%, #241a4d 55%, #0d1b3d 100%) !important;
    border-radius: 20px !important;
    height: auto !important;
    padding: 18px 18px 20px !important;
    box-shadow: 0 18px 40px rgba(20, 16, 42, .28) !important;
    font-size: 13px !important;
}

.Trade_top > div > p:last-child {
    font-size: 26px !important;
    font-weight: 700 !important;
    letter-spacing: .5px;
}

.Trade_title {
    background: #fff;
    border-radius: 18px !important;
    border: 1px solid rgba(16, 32, 78, .06);
    box-shadow: 0 10px 28px rgba(16, 32, 78, .08) !important;
    padding: 16px !important;
    margin: 14px 0 !important;
}

.Trade_text {
    border-bottom: 1px solid rgba(16, 32, 78, .07) !important;
    padding-bottom: 10px;
}

.Trade_text > p:last-child {
    color: #5a6580;
    line-height: 1.55;
    font-size: 13.5px !important;
    margin: 8px 0 0 !important;
}

.Trade_fun {
    height: auto !important;
    padding: 14px 0 4px;
}

.Trade_fun > div {
    gap: 8px;
    padding: 0 10px;
    text-align: center;
}

.Trade_fun > div > p:first-child {
    font-size: 12.5px !important;
    color: #6b7690 !important;
    line-height: 1.35 !important;
    margin: 0 !important;
}

.Trade_fun > div:first-child {
    border-right: 1px solid rgba(16, 32, 78, .08) !important;
}

.Trade_fun > div > p:last-child {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #10162b !important;
    letter-spacing: .3px;
}

.Trade_start {
    width: 100% !important;
    margin: 14px 0 0 !important;
    height: 50px !important;
    border-radius: 15px !important;
    background: linear-gradient(118deg, #ff2d9b 0%, #a855f7 100%) !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    box-shadow: 0 12px 28px rgba(168, 85, 247, .3) !important;
}

/* ---------- 团队页 ---------- */
.team_box {
    padding: 16px !important;
}

.team_top {
    background:
        radial-gradient(420px 260px at 88% 0%, rgba(255, 45, 155, .38), transparent 62%),
        linear-gradient(140deg, #14102a 0%, #241a4d 55%, #0d1b3d 100%) !important;
    border-radius: 20px !important;
    height: auto !important;
    padding: 20px 16px !important;
    width: 100% !important;
    box-shadow: 0 18px 40px rgba(20, 16, 42, .26) !important;
}

.team_topNum > div > p:last-child {
    font-size: 26px !important;
    font-weight: 700 !important;
    letter-spacing: .5px;
}

.team_topNum:first-child {
    border-right: 1px solid rgba(255, 255, 255, .16) !important;
}

.team_list {
    width: 100% !important;
    margin: 16px 0 !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(16, 32, 78, .06);
    box-shadow: 0 10px 28px rgba(16, 32, 78, .08) !important;
    overflow: hidden;
}

.team_list > div:first-child {
    background: linear-gradient(118deg, #1b1440 0%, #2b1a63 60%, #11305f 100%) !important;
    height: 40px !important;
    font-weight: 600;
    font-size: 13px;
}

.team_num > div {
    color: #253048 !important;
    font-size: 13.5px !important;
}

.team_num > div p {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #10162b;
}

/* ---------- 表单类页面 ---------- */
.Withdraw_box,
.userInfo_box,
.recharge {
    background: #fff !important;
    border-radius: 20px !important;
    border: 1px solid rgba(16, 32, 78, .06) !important;
    box-shadow: 0 12px 32px rgba(16, 32, 78, .08) !important;
    padding: 18px 16px !important;
    margin: 14px auto !important;
    width: calc(100% - 32px) !important;
    box-sizing: border-box;
}

.userInfo_box {
    font-size: 15px !important;
}

.info_from {
    margin: 14px 0 !important;
}

.info_from_title {
    font-size: 14.5px !important;
    color: #253048;
}

.info_from_title > p:last-child {
    color: #7c3aed !important;
    font-weight: 600;
}

.pay-money {
    width: 100% !important;
    margin: 4px auto 0 !important;
    height: auto !important;
}

.pay-money input,
.Withdraw_box .adm-input,
.userInfo_box .adm-input,
.recharge .adm-input {
    font-size: 16px !important;
    color: #10162b !important;
}

/* 表单行（antd-mobile Form） */
.adm-form-item {
    --border-inner: solid 1px rgba(16, 32, 78, .07);
}

.adm-form-item-label {
    color: #6b7690 !important;
    font-size: 14px !important;
}

.adm-input-element {
    font-size: 15px !important;
    color: #10162b !important;
}

.adm-list-item-content {
    border-bottom: none;
}

/* 通用主按钮（antd-mobile） */
.adm-button-primary {
    --background-color: transparent;
    background: linear-gradient(118deg, #ff2d9b 0%, #a855f7 100%) !important;
    border: none !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 26px rgba(168, 85, 247, .3) !important;
    font-weight: 600 !important;
    height: 48px;
}

/* 客服悬浮球 */
.float-service {
    width: 52px !important;
    height: 52px !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .18), 0 10px 26px rgba(16, 32, 78, .28) !important;
}

/* 通用页面背景 */
.order,
.Trade,
.team,
.user,
.userInfo,
.Withdraw,
.UserPay,
.Invite,
.Funds,
.Recharge,
.Withdraws,
.About,
.Help,
.Area,
.cardList,
.addCard,
.NewPay {
    min-height: 100vh;
    padding-bottom: 82px;
    box-sizing: border-box;
    background: #f4f6fb;
}

/* ============================================================
   通用组件收口：折叠面板 / 列表 / 表单 / 弹窗
   ============================================================ */
.helpPage,
.aboutWrap {
    min-height: 100vh;
    background: #f4f6fb;
    padding-bottom: 82px;
    box-sizing: border-box;
}

/* 折叠面板（帮助页） */
.adm-collapse {
    margin: 14px 16px;
    background: #fff;
    border-radius: 18px;
    border: 1px solid rgba(16, 32, 78, .06);
    box-shadow: 0 10px 28px rgba(16, 32, 78, .08);
    overflow: hidden;
}

.adm-collapse-panel-header {
    padding: 16px 18px !important;
    font-size: 15px !important;
    font-weight: 500;
    color: #1d2740 !important;
    background: #fff;
}

.adm-collapse-panel-content {
    padding: 0 18px 16px !important;
    font-size: 13.5px !important;
    line-height: 1.65 !important;
    color: #5a6580 !important;
    background: #fff;
}

.adm-collapse-panel-header .adm-collapse-arrow {
    color: #a855f7;
}

/* 通用列表（资金明细 / 充值记录 / 提现记录 / 银行卡） */
.adm-list {
    border-radius: 18px;
    overflow: hidden;
}

.adm-list-body {
    background: #fff;
}

.adm-list-item {
    padding-left: 16px;
}

.adm-list-item-content {
    border-bottom: 1px solid rgba(16, 32, 78, .06) !important;
}

.adm-list-item:last-child .adm-list-item-content {
    border-bottom: none !important;
}

.adm-list-item-content-main {
    padding: 14px 0 !important;
    font-size: 14.5px;
    color: #1d2740;
}

.adm-list-item-description {
    color: #8b95ac !important;
    font-size: 12.5px !important;
}

/* 表单卡片化 */
.adm-form {
    background: transparent;
}

.adm-form .adm-list {
    border-radius: 20px;
    box-shadow: 0 12px 32px rgba(16, 32, 78, .08);
    border: 1px solid rgba(16, 32, 78, .06);
}

.adm-form-item-label {
    font-weight: 500;
}

/* 输入框统一圆角浅底 */
.adm-input {
    --font-size: 15px;
    --color: #10162b;
}

.adm-input-element::placeholder,
.adm-input-element::-webkit-input-placeholder {
    color: #a3adc2 !important;
}

/* 弹窗 / 对话框 */
.adm-dialog-body {
    border-radius: 20px !important;
}

.adm-dialog-header {
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* 居中弹窗：四角圆角；底部抽屉：上圆角 */
.adm-center-popup .adm-center-popup-body,
.adm-center-popup-body.adm-modal-body {
    border-radius: 22px !important;
    overflow: hidden;
}

.adm-popup-body {
    border-radius: 22px 22px 0 0 !important;
}

.adm-modal-content {
    padding: 0 16px 16px !important;
}

.adm-modal-header {
    padding-top: 6px;
}

/* 轻提示 */
.adm-toast-mask .adm-toast-main {
    border-radius: 14px !important;
    font-size: 14px !important;
}

/* 空状态文案 */
.adm-empty-description {
    color: #8b95ac;
    font-size: 13.5px;
}

/* 安全区 */
.tabber + div,
.index_all {
    padding-bottom: env(safe-area-inset-bottom);
}

/* ============================================================
   充值页（/UserPay、/Recharge）—— 银行卡信息卡与复制按钮
   ============================================================ */
.UserPay_box,
.recharge {
    width: calc(100% - 32px) !important;
    margin: 16px auto !important;
    border-radius: 20px !important;
    background: #fff !important;
    border: 1px solid rgba(16, 32, 78, .06);
    box-shadow: 0 12px 32px rgba(16, 32, 78, .08) !important;
    overflow: hidden;
}

/* 卡片头：深色霓虹，替换原来的亮蓝 */
.userPay_top {
    width: 100% !important;
    height: 64px !important;
    box-sizing: border-box;
    padding: 0 6px;
    display: flex;
    align-items: center;
    background:
        radial-gradient(220px 120px at 88% 0%, rgba(34, 211, 238, .30), transparent 62%),
        linear-gradient(118deg, #1b1440 0%, #2b1a63 55%, #11305f 100%) !important;
    color: #fff !important;
    font-weight: 700 !important;
    border-radius: 0;
    box-shadow: 0 6px 18px rgba(20, 16, 60, .18);
}

.userPay_top > div:first-child {
    display: flex;
    align-items: center;
}

.userPay_top img {
    width: 34px !important;
    margin: 0 10px 0 6px !important;
    filter: brightness(0) invert(1);
    opacity: .9;
}

.userPay_top p {
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: .3px;
    color: #fff !important;
}

/* 卡内字段 */
.bankInfo {
    padding: 6px 16px 10px !important;
}

.bankItem {
    padding: 14px 0 !important;
    border-bottom: 1px solid rgba(16, 32, 78, .06) !important;
}

.bankLabel {
    font-size: 12.5px !important;
    color: #8b95ac !important;
    font-weight: 500;
    margin-bottom: 8px !important;
    letter-spacing: .2px;
}

.bankValue {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1d2740 !important;
    line-height: 1.45 !important;
    margin-bottom: 10px !important;
}

/* 复制按钮：浅紫描边，替换亮蓝实心 */
.copy {
    width: 34% !important;
    height: 34px !important;
    box-sizing: border-box;
    background: rgba(124, 58, 237, .09) !important;
    color: #6d28d9 !important;
    border: 1px solid rgba(124, 58, 237, .22) !important;
    border-radius: 11px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .15s, background .2s;
}

.copy:active {
    transform: scale(.95);
    background: rgba(124, 58, 237, .16) !important;
}

.copy p {
    margin: 0 !important;
    color: #6d28d9 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.bankItem .copy {
    width: 34% !important;
    height: 34px !important;
}

/* 提交区 */
.recharge {
    padding: 6px 16px 18px !important;
}

.recharge .adm-form {
    --border-top: none;
    --border-bottom: none;
    --border-inner: none;
}

.recharge .adm-list {
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
}

.recharge .adm-form-item {
    padding-left: 0;
}

.recharge .adm-button {
    margin-top: 14px;
    height: 50px !important;
    border-radius: 14px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.payCode {
    background: #f5f0ff !important;
    color: #6d28d9 !important;
    border-radius: 12px !important;
    font-weight: 600;
    letter-spacing: .5px;
}

/* ============================================================
   滚动与安全区修正（移动端底部按钮被裁/被遮）
   ============================================================ */
html,
body,
#root {
    height: auto !important;
    min-height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* 充值页不再锁 100vh，避免 iOS 地址栏收缩时把底部按钮顶出视口 */
.UserPay,
.Recharge {
    min-height: auto !important;
    height: auto !important;
    padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px)) !important;
    overflow: visible !important;
}

/* 提交卡片去掉裁剪，底部留出安全区 */
.recharge {
    overflow: visible !important;
    padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
    margin-bottom: 8px !important;
}

.UserPay_box {
    overflow: hidden !important;
}

/* 其它内页同样不吃掉底部安全区 */
.order,
.Trade,
.team,
.user,
.userInfo,
.Withdraw,
.Invite,
.Funds,
.Withdraws,
.About,
.Help,
.Area,
.cardList,
.addCard,
.NewPay,
.helpPage {
    padding-bottom: calc(82px + env(safe-area-inset-bottom, 0px)) !important;
}

/* ============================================================
   订单/交易详情弹窗：提交按钮与评分星
   ============================================================ */
.pop_but,
.pop_but_trade {
    background: linear-gradient(118deg, #ff2d9b 0%, #a855f7 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 14px !important;
    min-height: 48px;
    padding: 0 16px !important;
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 26px rgba(168, 85, 247, .30) !important;
    transition: transform .15s, filter .2s;
}

.pop_but:active,
.pop_but_trade:active {
    transform: scale(.985);
    filter: brightness(.96);
}

.pop_but p,
.pop_but_trade p {
    margin: 0 !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: .3px;
}

/* 取消按钮（次级样式） */
.pop_but_trade.cancel {
    background: #fff !important;
    border: 1px solid rgba(16, 32, 78, .12) !important;
    box-shadow: 0 6px 18px rgba(16, 32, 78, .06) !important;
    margin-top: 10px;
}

.pop_but_trade.cancel p {
    color: #6b7690 !important;
}

/* 评分行 */
.capital_evaluate {
    padding: 12px 0 4px;
    margin-top: 4px;
    border-top: 1px dashed rgba(16, 32, 78, .10);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.capital_evaluate > p {
    margin: 0 !important;
    color: #1d2740 !important;
    font-size: 14px !important;
    font-weight: 500;
    white-space: nowrap;
}

.capital_evaluate .adm-rate,
.adm-rate {
    --star-size: 26px !important;
    --active-color: #ff2d9b !important;
    --inactive-color: #d5dceb !important;
    --inactive-color-half: #ffa8d6 !important;
}

.capital_evaluate .adm-rate .adm-rate-star,
.adm-rate .adm-rate-star {
    filter: drop-shadow(0 1px 2px rgba(16, 32, 78, .10));
}

.capital_evaluate .adm-rate-star-active {
    filter: drop-shadow(0 2px 6px rgba(255, 45, 155, .45));
}

/* 弹窗容器 */
.modelWindow,
.react_pop .window_center {
    border-radius: 20px !important;
    background: #fff;
    box-shadow: 0 24px 60px rgba(16, 32, 78, .22);
}

/* 明细行 */
.card_down > div {
    padding: 3px 0;
}

.card_down > div > p:first-child {
    color: #6b7690 !important;
    font-size: 13.5px !important;
}

.card_down > div > p:last-child {
    color: #1d2740 !important;
    font-size: 14.5px !important;
    font-weight: 600;
}

/* 弹窗内数量/单价强调色统一 */
.card_tops .list_texts > div > p:last-child,
.list_texts > div > p:last-child {
    color: #7c3aed !important;
    font-weight: 700;
    font-size: 14.5px;
}

.card_tops .list_texts > p:first-child {
    color: #1d2740 !important;
    font-size: 14px;
    line-height: 1.45;
}

.card_tops .list_texts > div > p:first-child {
    color: #10162b !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

.card_tops {
    border-bottom: 1px dashed rgba(16, 32, 78, .12) !important;
    padding-bottom: 12px !important;
}

/* ============================================================
   空状态遮挡修复（订单/交易等页面的 adm-error-block 绝对定位）
   ============================================================ */
.order_tab {
    position: relative;
    z-index: 5;
}

.order_card1 {
    position: relative;
    min-height: 46vh !important;
    padding: 0 16px 28px !important;
    box-sizing: border-box;
}

/* 空状态改回正常流式布局，不再绝对居中覆盖上方元素 */
.order_card1 .adm-error-block,
.Trade .adm-error-block,
.team .adm-error-block,
.user .adm-error-block {
    position: static !important;
    transform: none !important;
    left: auto !important;
    top: auto !important;
    margin: 28px auto 0 !important;
    padding: 0 !important;
    width: 100%;
}

.adm-error-block {
    --image-height: 120px !important;
}

.adm-error-block-description-title {
    font-size: 15px !important;
    color: #5a6580 !important;
    font-weight: 500;
}

.adm-error-block-description {
    margin-top: 8px !important;
}

.adm-error-block-image {
    opacity: .9;
}

/* 标签切换热区兜底（避免任何绝对定位元素抢事件） */
.order_tab > p {
    position: relative;
    z-index: 6;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

/* ============================================================
   游客（未登录）首屏：首页可直接浏览，登录入口常驻
   ============================================================ */
.guest .home_earnings {
    display: none !important;
}

#guestCta {
    margin: 16px 16px 14px;
    padding: 18px 18px;
    box-sizing: border-box;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background:
        radial-gradient(240px 160px at 88% -10%, rgba(255, 45, 155, .45), transparent 62%),
        radial-gradient(220px 150px at 0% 110%, rgba(34, 211, 238, .35), transparent 64%),
        linear-gradient(140deg, #1b1440 0%, #2b1a63 55%, #11305f 100%);
    box-shadow: 0 16px 36px rgba(20, 16, 60, .28);
}

#guestCta .gc-text {
    min-width: 0;
    flex: 1 1 auto;
}

#guestCta .gc-text p {
    margin: 0 0 6px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .2px;
    color: #fff;
    line-height: 1.35;
}

#guestCta .gc-text span {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, .62);
    letter-spacing: .2px;
}

#guestCta .gc-btn {
    flex: 0 0 auto;
    padding: 10px 16px;
    border-radius: 12px;
    font-size: 13.5px;
    font-weight: 600;
    letter-spacing: .2px;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    background: linear-gradient(118deg, #ff2d9b 0%, #a855f7 100%);
    box-shadow: 0 8px 20px rgba(168, 85, 247, .38);
    transition: transform .15s;
}

#guestCta .gc-btn:active {
    transform: scale(.96);
}

/* 游客引导卡：竖排布局，兼容长文案语言（德语/俄语） */
#guestCta {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
    padding: 18px 18px 16px !important;
}

#guestCta .gc-text {
    width: 100%;
}

#guestCta .gc-text p {
    font-size: 15.5px !important;
    line-height: 1.4 !important;
}

#guestCta .gc-text span {
    margin-top: 2px;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
}

#guestCta .gc-btn {
    align-self: stretch;
    text-align: center;
    padding: 12px 16px !important;
    font-size: 14.5px !important;
    border-radius: 13px;
}