html,body {color: #333;margin: 0;height: 100%;font-family: 'DIN 1451 Std', 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-weight: normal;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a {text-decoration: none;color: #000;}
a, label, button, input, select {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img {border: 0;}
body {background: #f5f6fa;color: #666;}
html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {margin: 0;padding: 0;}
a {text-decoration: none;color: #08acee;}
button {outline: 0;}
img {border: 0;}
button,input,optgroup,select,textarea {margin: 0;font: inherit;color: inherit;outline: none;}
li {list-style: none;}
a {color: #666;}
/*公用*/
.page {
    background: #f5f6fa;
    padding-top:44px;
}
.main-content {
    flex: 1;
    padding: 0px 12px 80px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
/*Header*/
.page-header{
    display:flex;
    align-items:center;
    justify-content:center;
    height:44px;
    position:fixed;
    top:0;
    left:0;
    right:0;
    background:#fff;
    border-bottom: 1px solid #f0f2f5;
    z-index:999;
}
.page-header .header-back{
    position:absolute;
    top: 5px;
    left:12px;
    font-size:24px;
    color:#333;
}
.page-header .header-title{
    font-size:16px;
    color:#222;
}
/*Footer*/
.tab-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 64px;
    background: #fff;
    display: flex;
    align-items: stretch;
    justify-content: space-around;
    border-top:1px solid #efefef;
    z-index:99;
    padding-bottom: env(safe-area-inset-bottom);
}
.tab-item {
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    color:#86909c;
    font-size:12px;
    cursor:pointer;
    -webkit-tap-highlight-color: transparent;
}
.tab-item.active {
    color:#4171fb;
}
.tab-item .fa {
    font-size:24px;
    margin-bottom:0px;
}
.tab-item img {
    width: 26px;
    height: 26px;
    object-fit: contain;
    display: block;
    margin-bottom: 0px;
}
.tab-mine-wrap {
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-end;
    position:relative;
    cursor:pointer;
    -webkit-tap-highlight-color: transparent;
}
.tab-mine {
    position:absolute;
    top: -40px;
    width:72px;
    height:72px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
}
.tab-mine img {
    width: 100%;
    filter: drop-shadow(0 4px 10px rgba(58, 123, 255, 0.35));
    object-fit: contain;
}
.tab-mine-text {
    font-size:14px;
    color:#86909c;
    margin-bottom:10px;
}
.tab-mine-wrap.active .tab-mine-text{
    color:#4171fb;
    font-weight:600;
}
/*登录-注册页面*/
.reg-login .page-top {
    position: relative;
    flex: none;
    padding: calc(44px + env(safe-area-inset-top)) 34px 56px;
    background: linear-gradient(160deg, #2196F3 0%, #319af0 20%, #965bf6 80%);
    color: #fff;
    overflow: hidden;
}
.reg-login .page-top::before,.reg-login .page-top::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.13);
    pointer-events: none;
}
.reg-login .page-top::before {
    width: 220px;
    height: 220px;
    top: -100px;
    right: -70px;
}
.reg-login .page-top::after {
    width: 130px;
    height: 130px;
    bottom: -50px;
    left: -50px;
    background: rgba(255, 255, 255, 0.08);
}
.reg-login .page-top .app-logo {
    position: relative;
}
.reg-login .page-top .app-logo img {
    width: 64px;
    height: 64px;
    margin-bottom: 18px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.22);
    border: 1px solid rgba(255, 255, 255, 0.38);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 30px rgba(50, 30, 140, 0.28);
}
.reg-login .page-top h1 {
    position: relative;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1px;
    text-shadow: 0 2px 12px rgba(60, 40, 160, 0.25);
}
.reg-login .page-top p {
    position: relative;
    margin-top: 12px;
    font-size: 13.5px;
    line-height: 1.5;
    opacity: 0.82;
}
.reg-login .card {
    position: relative;
    z-index: 2;
    flex: 1;
    margin-top: -34px;
    background: #fff;
    border-radius: 28px 28px 0 0;
    padding: 42px 30px calc(30px + env(safe-area-inset-bottom));
}
.reg-login .field {
    position: relative;
    margin-bottom: 16px;
}
.reg-login .field .icon {
    position: absolute;
    left: 16px;
    top: 17px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b6b6c9;
    font-size: 18px;
    line-height: 1;
    pointer-events: none;
    transition: color 0.25s;
}
.reg-login .field .icon i {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1;
}
.reg-login .field .icon .fa-user-plus{
    font-size: 17px;
}
.reg-login .field .icon .fa-mobile {
    font-size: 25px;
}
.reg-login .field .icon .fa-lock {
    font-size: 19px;
}
.reg-login .field .icon .fa-qq {
    font-size: 15px;
}
.reg-login .field input {
    width: 100%;
    height: 54px;
    padding: 0 46px;
    border: 1.5px solid transparent;
    border-radius: 16px;
    background: #f6f6fa;
    font-size: 15px;
    color: #2b2b3c;
    outline: none;
    transition: border-color 0.25s, background 0.25s, box-shadow 0.25s;
}
.reg-login .field input::placeholder {
    color: #adadbf;
}
.reg-login .field input:focus {
    border-color: #4c89f2;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(123, 107, 255, 0.12);
}
.reg-login .field:focus-within .icon {
    color: #4c89f2;
}
.reg-login .field.has-error input {
    border-color: #ff5a5f;
    background: #fff6f6;
}
.reg-login .field.has-error .icon {
    color: #ff5a5f;
}
.reg-login .field .error-tip {
    display: none;
    margin: 6px 4px 0;
    font-size: 12px;
    line-height: 1.4;
    color: #ff5a5f;
}
.reg-login .field.has-error .error-tip {
    display: block;
}
.reg-login .btn-submit {
    position: relative;
    width: 100%;
    height: 54px;
    margin-top: 10px;
    border: none;
    border-radius: 25px;
    background: linear-gradient(30deg, #0590fe 0%, #a78bfa 100%);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 3px;
    box-shadow: 0 10px 26px rgba(123, 107, 255, 0.28);
    transition: transform 0.2s, box-shadow 0.2s;
}
.reg-login .btn-submit:active {
    transform: translateY(1px) scale(0.99);
    box-shadow: 0 6px 16px rgba(123, 107, 255, 0.32);
}
.reg-login .btn-submit:disabled {
    cursor: not-allowed;
}
.reg-login .foot {
    margin-top: 26px;
    text-align: center;
    font-size: 13px;
    color: #9a9aad;
}
.reg-login .foot a {
    color: #4c89f2;
    font-weight: 600;
    text-decoration: none;
}
.reg-login .agreement {
    margin-top: 16px;
    text-align: center;
    font-size: 11.5px;
    line-height: 1.6;
    color: #b4b4c4;
}
.reg-login .agreement a {
    color: #4c89f2;
    text-decoration: none;
}
.reg-login .toast {
    position: fixed;
    left: 50%;
    bottom: 90px;
    transform: translate(-50%, 16px);
    max-width: 80vw;
    padding: 12px 22px;
    border-radius: 24px;
    background: rgba(30, 28, 45, 0.88);
    color: #fff;
    font-size: 14px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s, transform 0.3s;
    z-index: 99;
}
.reg-login .toast.show {
    opacity: 1;
    transform: translate(-50%, 0);
}
/*首页*/
.index .main-content {
    background: #f5f6fa;
}
.index .banner-section {
    margin-top: 10px;
    border-radius: 26px;
    overflow: hidden;
    border: 1px solid #eef2f9;
    box-shadow: 0 6px 14px -6px rgba(5, 144, 254, 0.12);
    background: #f0f5ff;
}
.index .banner-section img {
    width: 100%;
    height: auto;
    display: block;
}
.index .tools-wrapper {
    background-color: #ffffff;
    border-radius: 24px;
    padding: 18px 10px;
    border: 1px solid #eef2f9;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
}
.index .tool-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    border-radius: 18px;
    transition: all 0.15s ease;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.index .tool-icon {
    width: 45px;
    height: 45px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #ffffff;
    box-shadow: 0 6px 12px -6px rgba(5, 144, 254, 0.3);
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
}
.index .tool-icon::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.4), transparent 70%);
    pointer-events: none;
}
.index .tool-item:nth-child(1) .tool-icon {
    background: linear-gradient(135deg, #6a5af9, #a78bfa);
    box-shadow: 0 8px 14px -6px #6a5af9cc;
}
.index .tool-item:nth-child(2) .tool-icon {
    background: linear-gradient(135deg, #2d8cf0, #4fc3f7);
    box-shadow: 0 8px 14px -6px #2d8cf0cc;
}
.index .tool-item:nth-child(3) .tool-icon {
    background: linear-gradient(135deg, #0590fe, #67b8ff);
    box-shadow: 0 8px 14px -6px #0590fecc;
}
.index .tool-item:nth-child(4) .tool-icon {
    background: linear-gradient(135deg, #a78bfa, #c4a0ff);
    box-shadow: 0 8px 14px -6px #a78bfacc;
}
.index .tool-icon .fa {
    font-size: 24px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1;
}
.index .tool-icon img {
    width: 100%;
    padding: 10px;
    object-fit: contain;
    display: block;
    position: relative;
    z-index: 1;
}
.index .tool-label {
    font-size: 12px;
    font-weight: 600;
    color: #1a2b3c;
    letter-spacing: 0.2px;
    transition: color 0.2s;
}
.index .tool-item:active .tool-label {
    color: #0590fe;
}
.index .free-miner-card {
    background: linear-gradient(125deg, #0590fe 0%, #6a5af9 50%, #a78bfa 100%);
    border-radius: 28px;
    padding: 22px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #ffffff;
    position: relative;
    overflow: hidden;
    box-shadow: 0 16px 24px -14px rgba(118, 141, 255, 0.4), 0 8px 14px -10px rgba(167, 139, 250, 0.3);
    -webkit-tap-highlight-color: transparent;
}
.index .free-miner-card::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, transparent 70%);
    border-radius: 50%;
    right: -30px;
    top: -50px;
    pointer-events: none;
}
.index .free-miner-card::after {
    content: "";
    position: absolute;
    width: 140px;
    height: 140px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 50%;
    left: -40px;
    bottom: -40px;
    pointer-events: none;
}
.index .free-left {
    display: flex;
    flex-direction: column;
    gap: 6px;
    z-index: 2;
}
.index .free-left .big-text {
    font-size: 18px;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 8px;
    letter-spacing: -0.3px;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.index .free-left .big-text .fa {
    font-size: 26px;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15));
}
.index .free-left .small-text {
    font-size: 14px;
    font-weight: 500;
    opacity: 0.95;
    display: flex;
    align-items: center;
    gap: 6px;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
.index .free-btn {
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 12px 22px;
    border-radius: 48px;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 3;
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: white;
    white-space: nowrap;
    box-shadow: 0 8px 12px -6px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
    letter-spacing: 0.2px;
}
.index .free-btn .fa {
    font-size: 16px;
    transition: transform 0.2s ease;
}
.index .free-miner-card:active .free-btn .fa {
    transform: translateX(4px);
}
.index .free-btn:active {
    background-color: rgba(255, 255, 255, 0.35);
    transform: scale(0.96);
}
.index .intro-card {
    background-color: #ffffff;
    border-radius: 26px;
    padding: 22px 20px;
    border: 1px solid #eef2f9;
    box-shadow: 0 16px 28px -16px rgba(0, 0, 0, 0.08);
    margin-bottom: 8px;
}
.index .section-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #0a1a2b;
    margin-bottom: 18px;
    letter-spacing: -0.2px;
}
.index .section-title .bar {
    width: 5px;
    height: 20px;
    border-radius: 8px;
    background: linear-gradient(30deg, #0590fe, #a78bfa);
    box-shadow: 0 4px 8px -4px #0590fe;
}
.index .intro-content {
    font-size: 13.5px;
    line-height: 1.8;
    color: #2e4053;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.index .intro-content .feature-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: #f9fcff;
    padding: 10px 12px;
    border-radius: 18px;
    transition: all 0.2s;
    border: 1px solid #eef2f9;
}
.index .intro-content .feature-row:active {
    background: #f0f7ff;
    transform: scale(0.99);
}
.index .intro-content .feature-row .fa {
    color: #0590fe;
    font-size: 15px;
    margin-top: 3px;
    width: 20px;
    text-align: center;
    flex-shrink: 0;
    filter: drop-shadow(0 2px 4px #0590fe40);
}
.index .intro-content .feature-row span {
    flex: 1;
    font-weight: 500;
}
.index .highlight-gradient {
    background: linear-gradient(30deg, #0590fe, #a78bfa);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 800;
    position: relative;
}
@media (max-width: 380px) {
    .index .free-btn {
        padding: 10px 16px;
    }
}
.index .tool-item,.index .free-miner-card,.index .free-btn,.index .feature-row {
    -webkit-tap-highlight-color: transparent;
    user-select: none;
}
/*矿工*/
.miner .miner-tab {
    position: sticky;
    top: 55px;
    z-index: 10;
    display: flex;
    gap: 10px;
}
.miner .miner-tab-btn {
    flex: 1;
    text-align: center;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 500;
    color: #888;
    background: #fff;
    border-radius: 12px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.05);
}
.miner .miner-tab-btn.active {
    color: #fff;
    background: linear-gradient(125deg, #0590fe 0%, #6a5af9 50%, #a78bfa 100%);
    box-shadow: 0 16px 24px -14px rgba(118, 141, 255, 0.4), 0 8px 14px -10px rgba(167, 139, 250, 0.3);
    font-weight: 600;
}
.miner .miner-card {
    background-color: #ffffff;
    border-radius: 26px;
    padding: 16px;
    border: 1px solid #eef2f9;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}
.miner .card-top {
    display: flex;
    align-items: flex-start;
}
.miner .img-wrapper {
    position: relative;
    width: 68px;
    height: 68px;
    margin-right: 14px;
    flex-shrink: 0;
}
.miner .img-wrapper img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
    background: #f0f2f5;
}
.miner .level-tag {
    position: absolute;
    bottom: -4px;
    right: -4px;
    color: #fff;
    font-size: 11px;
    padding: 2px 7px;
    border-radius: 8px;
    border: 2px solid #fff;
    line-height: 1.2;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
}
.miner .level-junior {
    background: #4caf50;
}
.miner .level-senior {
    background: #9c27b0;
}
.miner .miner-info {
    flex: 1;
    min-width: 0;
}
.miner .miner-info h4 {
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 600;
    color: #222;
}
.miner .tag-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
}
.miner .tag {
    font-size: 11px;
    color: #667eea;
    background: rgba(102, 126, 234, 0.08);
    padding: 3px 10px;
    border-radius: 10px;
    line-height: 1.4;
}
.miner .data-row {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 14px;
    color: #888;
}
.miner .data-row div {
    display: flex;
    justify-content: space-between;
}
.miner .data-row .val-price {
    color: #ff7b30;
    font-weight: 600;
}
.miner .data-row .val-daily {
    color: #4caf50;
    font-weight: 600;
}
.miner .data-row .val-mark {
    color: #667eea;
    font-weight: 600;
}
.miner .card-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 14px;
    margin-top: 10px;
    border-top: 1px dashed #f0f0f0;
}
.miner .owned-count {
    font-size: 14px;
    color: #999;
}
.miner .owned-count span {
    font-size: 17px;
    color: #ff7b30;
    font-weight: 700;
    margin: 0 2px;
}
.miner .btn-buy {
    border: none;
    outline: none;
    padding: 8px 24px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: linear-gradient(125deg, #0590fe 0%, #6a5af9 50%, #a78bfa 100%);
    box-shadow: 0 4px 10px rgba(102, 126, 234, 0.3);
}
.miner .btn-buy:active {
    transform: scale(0.96);
}
.miner .btn-buy.btn-free {
    background: linear-gradient(135deg, #4caf50 0%, #8bc34a 100%);
    box-shadow: 0 4px 10px rgba(76, 175, 80, 0.3);
}
.miner .btn-buy.btn-disabled {
    background: #e5e7eb;
    color: #9ca3af;
    box-shadow: none;
    cursor: not-allowed;
}
.miner .empty-tip {
    text-align: center;
    color: #bbb;
    padding: 24px 0;
    font-size: 15px;
}
.miner .miner-panel {
    display: none;
}
.miner .miner-panel.active {
    margin-top: 10px;
    display: block;
}
/*挖矿*/
.mining .main-content {
    background: #0b090a;
    padding: 245px 18px 80px;
}
.mining .top-banner {
    position: absolute;
    top: 44px;
    left: 0;
    right: 0;
    height: 280px;
    background-image: url('../images/mine/top-banner.jpg');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
}
.mining .mine-tab-wrap {
    display: flex;
    padding: 10px 12px 0 12px;
    align-items: flex-end;
}
.mining .mine-tab-item {
    position: relative;
    flex: 1;
    text-align: center;
    padding: 14px 0;
    font-size: 14px;
    font-weight: 500;
    color: #667;
    background: #dbe7f5;
    line-height: 1.4;
    transition: all 0.2s ease;
}
.mining .mine-tab-item:first-child {
    z-index: 2;
    background: #f5f8fc;
    border-radius: 16px 0 0 0;
}
.mining .mine-tab-item:last-child {
    z-index: 1;
    margin-left: -12px;
    padding-left: 24px;
    background: #fff;
    border-radius: 0 16px 0 0;
}
.mining .mine-tab-item.active {
    color: #fff;
    background: linear-gradient(125deg, #0590fe 0%, #6a5af9 50%, #a78bfa 100%);
    z-index: 3;
    font-weight: 600;
    margin-top: -8px;
    padding-top: 18px;
    padding-bottom: 15px;
}
.mining .mine-tab-item:first-child.active {
    border-radius: 16px 16px 0 0;
}
.mining .mine-tab-item:last-child.active {
    border-radius: 16px 16px 0 0;
}
.mining .mine-tab-item.active .mine-tab-count {
    color: #fff;
    font-size: 12px;
    margin-left: 4px;
    font-weight: 400;
}
.mining .mine-tab-count {
    color: #8b98a8;
    font-size: 12px;
    margin-left: 4px;
    font-weight: 400;
}
.mining .mine-card {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 14px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #333333;
    width: 100%;
    padding-top: 50%;
}
.mining .mine-card:last-child {
    margin-bottom: 0;
}
.mining .mine-card-mask {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 45%);
}
.mining .mine-card-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 16px;
}
.mining .mine-card-top > div:first-child {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}
.mining .mine-card-title {
    margin-right: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-shadow: 0 1px 3px rgba(0,0,0,0.4);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mining .mine-card-count {
    font-size: 12px;
    color: #fff;
    opacity: 0.9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mining .mine-card-count span {
    font-size: 12px;
    font-weight: 700;
    color: #ffd54f;
    margin: 0 2px;
}
.mining .mine-countdown {
    color: #ffd54f;
    font-size: 12px;
    margin-left: 4px;
    font-weight: 500;
}
.mining .btn-dispatch,.mining .btn-collect,.mining .btn-mining {
    border: none;
    outline: none;
    padding: 8px 20px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    flex-shrink: 0;
    white-space: nowrap;
}
.mining .btn-dispatch {
    background: linear-gradient(125deg, #0590fe 0%, #6a5af9 50%, #a78bfa 100%);
    box-shadow: 0 4px 10px rgba(102, 126, 234, 0.3);
}
.mining .btn-collect {
    background: linear-gradient(125deg, #ffb300 0%, #ff8f00 50%, #ff6f00 100%);
    box-shadow: 0 4px 10px rgba(255, 152, 0, 0.3);
}
.mining .btn-mining {
    background: #555;
    box-shadow: none;
    opacity: 0.8;
    cursor: not-allowed;
}
.mining .btn-cancel {
    background: linear-gradient(125deg, #ff6b6b 0%, #ee5a5a 50%, #e74c3c 100%);
    box-shadow: 0 4px 10px rgba(238, 90, 90, 0.3);
}
.mining .btn-dispatch:active,.mining .btn-collect:active,.mining .btn-cancel:active {
    transform: scale(0.96);
}
.mining .mine-worker-area {
    position: absolute;
    left: 2%;
    right: 0;
    bottom: 10%;
    width: 95%;
    height: 60px;
    pointer-events: none;
    z-index: 2;
}
.mining .mine-worker {
    position: absolute;
    width: 50px;
    height: 50px;
    pointer-events: none;
}
.mining .mine-worker img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.mining .mine-worker .worker-rate {
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 11px;
    color: #ffd54f;
    white-space: nowrap;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0,0,0,0.8);
    opacity: 0;
    animation: rateFloat 1.5s linear infinite;
    pointer-events: none;
}
@keyframes rateFloat {
    0% {
        opacity: 0;
        transform: translate(-50%, 0);
    }
    20% {
        opacity: 1;
        transform: translate(-50%, -6px);
    }
    80% {
        opacity: 1;
        transform: translate(-50%, -20px);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -30px);
    }
}
.mining .empty-tip {
    text-align: center;
    color: #bbb;
    padding: 40px 0;
    font-size: 14px;
}
.mining .mine-panel {
    display: none;
}
.mining .mine-panel.active {
    display: block;
}
/*收益*/
.income .income-summary {
    display: flex;
    background: linear-gradient(125deg, #0590fe 0%, #6a5af9 50%, #a78bfa 100%);
    border-radius: 26px;
    padding: 26px 0;
    color: #fff;
    box-shadow: 0 16px 24px -14px rgba(118, 141, 255, 0.4), 0 8px 14px -10px rgba(167, 139, 250, 0.3);
    transition: all 0.2s ease;
}
.income .summary-item {
    flex: 1;
    text-align: center;
    position: relative;
}
.income .summary-item + .summary-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 38px;
    background: rgba(255, 255, 255, 0.35);
    border-radius: 1px;
}
.income .summary-item .label {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.9;
    letter-spacing: 0.3px;
    margin-bottom: 8px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.income .summary-item .value {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.5px;
    line-height: 1.2;
    text-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.income .summary-item .value::after {
    content: " ✦";
    font-size: 14px;
    font-weight: 300;
    opacity: 0.7;
    margin-left: 2px;
}
.income .section-title {
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0 0;
    color: #1a2b4c;
    display: flex;
    align-items: center;
}
.income .section-title::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 18px;
    background: linear-gradient(to bottom, #0590fe, #a78bfa);
    border-radius: 4px;
    margin-right: 10px;
}
.income .task-list {
    margin: 0 0 28px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.income .task-item {
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 20px;
    padding: 16px 18px;
    border: 1px solid #eef2f9;
    box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.08), 0 4px 8px -4px rgba(106, 90, 249, 0.08);
}
.income .task-icon {
    flex-shrink: 0;
    border-radius: 14px;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 12px -8px rgba(5, 144, 254, 0.2);
}
.income .task-item:nth-child(1) .task-icon {
    background: linear-gradient(135deg, #6a5af9, #a78bfa);
    box-shadow: 0 8px 14px -6px #6a5af9cc;
}
.income .task-item:nth-child(2) .task-icon {
    background: linear-gradient(135deg, #2d8cf0, #4fc3f7);
    box-shadow: 0 8px 14px -6px #2d8cf0cc;
}
.income .task-icon img {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: block;
    object-fit: cover;
}
.income .task-info {
    flex: 1;
    margin-left: 16px;
    margin-right: 12px;
}
.income .task-name {
    font-size: 16px;
    font-weight: 600;
    color: #1e2f4e;
    line-height: 1.3;
    display: flex;
    align-items: center;
    gap: 6px;
}
.income .task-desc {
    font-size: 13px;
    color: #7b8ba6;
    margin-top: 6px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 4px;
}
.income .task-action {
    flex-shrink: 0;
}
.income .task-btn {
    display: inline-block;
    padding: 10px 20px;
    background: linear-gradient(125deg, #0590fe 0%, #6a5af9 60%, #a78bfa 100%);
    color: #fff;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0.3px;
    border: none;
    white-space: nowrap;
    text-align: center;
    min-width: 70px;
}
.income .task-btn:active {
    transform: scale(0.96);
}
/*我的*/
.my .main-content {
    padding: 0 !important;
}
.my .profile {
    position: relative;
    padding: 30px 20px 150px;
    background: linear-gradient(160deg, #4c6ef5 0%, #6a5af9 55%, #8b5cf6 100%);
    border-radius: 0 0 20px 20px;
    overflow: hidden;
}
.my .profile::before,.my .profile::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    pointer-events: none;
}
.my .profile::before {
    width: 200px;
    height: 200px;
    top: -80px;
    right: -60px;
}
.my .profile::after {
    width: 140px;
    height: 140px;
    top: 40px;
    right: 40px;
    background: rgba(255, 255, 255, 0.05);
}
.my .profile-inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
}
.my .avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    border: 2px solid rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.15);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}
.my .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.my .profile-text {
    flex: 1;
    margin-left: 14px;
    min-width: 0;
}
.my .nickname {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.2px;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.my .uid {
    display: inline-flex;
    align-items: center;
    margin-top: 8px;
    padding: 2px 10px;
    background: rgba(255, 255, 255, 0.18);
    border-radius: 20px;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.9);
    letter-spacing: 0.3px;
}
.my .uid i {
    margin-right: 4px;
    font-size: 10px;
}
.my .profile-arrow {
    color: rgba(255, 255, 255, 0.7);
    font-size: 20px;
    flex-shrink: 0;
    margin-left: 8px;
}
.my .stats-card {
    position: relative;
    z-index: 2;
    display: flex;
    margin: -135px 16px 0;
    background: #fff;
    border-radius: 20px 20px 0 0;
    padding: 18px 0;
}
.my .stat {
    flex: 1;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 4px;
}
.my .stat + .stat::before {
    content: "";
    position: absolute;
    left: 0; top: 50%;
    transform: translateY(-50%);
    width: 1px; height: 24px;
    background: #f0f1f5;
}
.my .stat-num {
    font-size: 22px;
    font-weight: 600;
    color: #1a1d26;
    line-height: 1.2;
    letter-spacing: -0.3px;
    order: 1;
}
.my .stat-num small {
    font-size: 12px;
    font-weight: 400;
    color: #8b90a0;
    margin-left: 2px;
}
.my .stat-txt {
    font-size: 12px;
    color: #8b90a0;
    margin-top: 5px;
    order: 2;
}
.my .recharge-btn-wrapper {
    margin-top: 8px;
    display: flex;
    justify-content: center;
    order: 3;
}
.my .recharge-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 16px;
    background: linear-gradient(135deg, #f59e0b, #fbbf24);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 20px;
    text-decoration: none;
    letter-spacing: 0.3px;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3);
    transition: all 0.2s ease;
    border: none;
    line-height: 1.5;
    white-space: nowrap;
}
.my .recharge-btn i {
    margin-right: 4px;
    font-size: 12px;
}
.my .recharge-btn:active {
    transform: scale(0.96);
    box-shadow: 0 1px 4px rgba(245, 158, 11, 0.4);
    background: linear-gradient(135deg, #d97706, #f59e0b);
}
.my .withdraw-btn-wrapper {
    margin-top: 8px;
    display: flex;
    justify-content: center;
    order: 3;
}
.my .withdraw-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 16px;
    background: linear-gradient(135deg, #4c6ef5, #6a5af9);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 20px;
    text-decoration: none;
    letter-spacing: 0.3px;
    box-shadow: 0 2px 8px rgba(76, 110, 245, 0.3);
    transition: all 0.2s ease;
    border: none;
    line-height: 1.5;
    white-space: nowrap;
}
.my .withdraw-btn i {
    margin-right: 4px;
    font-size: 12px;
}
.my .withdraw-btn:active {
    transform: scale(0.96);
    box-shadow: 0 1px 4px rgba(76, 110, 245, 0.4);
    background: linear-gradient(135deg, #3b5bdb, #4c6ef5);
}
.my .exchange-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: -15px 16px 0;
    padding: 14px 16px;
    background: linear-gradient(125deg, #0590fe 0%, #6a5af9 50%, #a78bfa 100%);
    border: none;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 16px 24px -14px rgba(118, 141, 255, 0.4), 0 8px 14px -10px rgba(167, 139, 250, 0.3);
    z-index: 99;
}
.my .exchange-left {
    display: flex;
    align-items: center;
    min-width: 0;
}
.my .exchange-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
    margin-right: 10px;
    box-shadow: none;
}
.my .exchange-text {
    min-width: 0;
}
.my .exchange-title {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    line-height: 1.3;
}
.my .exchange-desc {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    margin-top: 2px;
}
.my .exchange-desc em {
    font-style: normal;
    font-weight: 600;
    color: #ffee00;
    margin: 0 2px;
}
.my .exchange-btn-lg {
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 8px 14px;
    border-radius: 48px;
    font-weight: 700;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 3;
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: white;
    white-space: nowrap;
    box-shadow: 0 8px 12px -6px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
    letter-spacing: 0.2px;
}
.my .exchange-btn-lg:active {
    transform: scale(0.96);
}
.my .menu-card {
    margin: 0px 16px 0;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #eef2f9;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}
.my .menu-row {
    display: flex;
    align-items: center;
    padding: 15px 16px;
    text-decoration: none;
    color: #1a1d26;
    position: relative;
    transition: background 0.15s;
}
.my .menu-row:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 52px; right: 16px; bottom: 0;
    height: 1px;
    background: #f2f3f7;
}
.my .menu-row:active {
    background: #f7f8fc;
}
.my .menu-ico {
    width: 26px;
    height: 26px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
    flex-shrink: 0;
}
.my .menu-main .menu-row:nth-child(1) .menu-ico {
    background: linear-gradient(135deg, #4c6ef5, #6a5af9);
}
.my .menu-main .menu-row:nth-child(2) .menu-ico {
    background: linear-gradient(135deg, #8b5cf6, #a78bfa);
}
.my .menu-main .menu-row:nth-child(3) .menu-ico {
    background: linear-gradient(135deg, #10b981, #34d399);
}
.my .menu-main .menu-row:nth-child(4) .menu-ico {
    background: linear-gradient(135deg, #06b6d4, #22d3ee);
}
.my .menu-main .menu-row:nth-child(5) .menu-ico {
    background: linear-gradient(135deg, #f59e0b, #fbbf24);
}
.my .menu-main .menu-row:nth-child(6) .menu-ico {
    background: linear-gradient(135deg, #ec4899, #f472b6);
}
.my .menu-main .menu-row:nth-child(7) .menu-ico {
    background: linear-gradient(135deg, #64748b, #94a3b8);
}
.my .menu-main .menu-row:nth-child(8) .menu-ico {
    background: linear-gradient(135deg, #14b8a6, #2dd4bf);
}
.my .menu-main .menu-row:nth-child(9) .menu-ico {
    background: linear-gradient(135deg, #d946ef, #e879f9);
}
.my .menu-main .menu-row:nth-child(10) .menu-ico {
    background: linear-gradient(135deg, #f43f5e, #fb7185);
}
.my .menu-other .menu-row:nth-child(1) .menu-ico {
    background: linear-gradient(135deg, #8b5cf6, #a78bfa);
}
.my .menu-other .menu-row:nth-child(2) .menu-ico {
    background: linear-gradient(135deg, #64748b, #94a3b8);
}
.my .menu-other .menu-row:nth-child(3) .menu-ico {
    background: linear-gradient(135deg, #4c6ef5, #6a5af9);
}
.my .menu-other .menu-row:nth-child(4) .menu-ico {
    background: linear-gradient(135deg, #10b981, #34d399);
}
.my .menu-other .menu-row:nth-child(5) .menu-ico {
    background: linear-gradient(135deg, #f59e0b, #fbbf24);
}
.my .menu-other .menu-row:nth-child(6) .menu-ico {
    background: linear-gradient(135deg, #ec4899, #f472b6);
}
.my .menu-other .menu-row:nth-child(7) .menu-ico {
    background: linear-gradient(135deg, #06b6d4, #22d3ee);
}
.my .menu-other .menu-row:nth-child(8) .menu-ico {
    background: linear-gradient(135deg, #d946ef, #e879f9);
}
.my .menu-other .menu-row:nth-child(9) .menu-ico {
    background: linear-gradient(135deg, #f43f5e, #fb7185);
}
.my .menu-other .menu-row:nth-child(10) .menu-ico {
    background: linear-gradient(135deg, #14b8a6, #2dd4bf);
}
.my .menu-txt {
    flex: 1;
    margin-left: 12px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.1px;
}
.my .menu-right {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.my .menu-badge {
    font-size: 12px;
    color: #8b90a0;
    margin-right: 6px;
}
.my .menu-badge.hot {
    color: #f5222d;
}
.my .menu-arrow {
    color: #c8cdd8;
    font-size: 14px;
}
.my .logout {
    display: block;
    margin: 0 16px 0;
    padding: 14px;
    text-align: center;
    background: #fff;
    border-radius: 16px;
    color: #f5222d;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
    transition: background 0.15s;
}
.my .logout:active {
    background: #fff5f5;
}
.my .ver {
    text-align: center;
    font-size: 11px;
    color: #b8bdc9;
    margin-top: 20px;
    letter-spacing: 0.3px;
}
/*充值*/
.recharge .main-content {
    padding: 0 !important;
}
.recharge .balance-card {
    margin: 16px 16px 0;
    padding: 26px 22px;
    background: linear-gradient(125deg, #0590fe 0%, #6a5af9 50%, #a78bfa 100%);
    border-radius: 18px;
    color: #fff;
    position: relative;
    overflow: hidden;
    box-shadow: 0 16px 24px -14px rgba(118, 141, 255, 0.4), 0 8px 14px -10px rgba(167, 139, 250, 0.3);
}
.recharge .balance-card::before,.recharge .balance-card::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    pointer-events: none;
}
.recharge .balance-card::before {
    width: 180px; height: 180px;
    top: -70px; right: -50px;
}
.recharge .balance-card::after {
    width: 110px; height: 110px;
    bottom: -50px; right: 60px;
    background: rgba(255, 255, 255, 0.05);
}
.recharge .balance-label {
    font-size: 13px;
    opacity: 0.85;
    letter-spacing: 0.5px;
    position: relative;
    z-index: 1;
}
.recharge .balance-value {
    font-size: 36px;
    font-weight: 700;
    margin-top: 10px;
    letter-spacing: -0.5px;
    line-height: 1.1;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: baseline;
}
.recharge .balance-value small {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.85;
    margin-left: 8px;
}
.recharge .section-title {
    font-size: 16px;
    font-weight: 600;
    color: #1a1d26;
    margin: 5px 16px 5px;
    display: flex;
    align-items: center;
}
.recharge .section-title::before {
    content: "";
    width: 3px;
    height: 14px;
    background: linear-gradient(to bottom, #4c6ef5, #8b5cf6);
    border-radius: 2px;
    margin-right: 8px;
}
.recharge .plan-list {
    margin: 0 16px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.recharge .plan-item {
    position: relative;
    background: #fff;
    border: 1.5px solid #eef2f9;
    border-radius: 14px;
    padding: 16px 6px 14px;
    text-align: center;
    transition: all 0.18s ease;
}
.recharge .plan-item:active {
    transform: scale(0.97);
}
.recharge .plan-item.active {
    border-color: #6a5af9;
    background: linear-gradient(135deg, #f5f4ff, #faf9ff);
    box-shadow: 0 6px 16px -6px rgba(106, 90, 249, 0.35);
}
.recharge .plan-coin {
    font-size: 22px;
    font-weight: 700;
    color: #1a1d26;
    line-height: 1.2;
    letter-spacing: -0.3px;
}
.recharge .plan-coin small {
    font-size: 12px;
    font-weight: 400;
    color: #8b90a0;
    margin-left: 2px;
}
.recharge .plan-price {
    font-size: 14px;
    color: #6a5af9;
    font-weight: 600;
    margin-top: 8px;
}
.recharge .plan-tag {
    position: absolute;
    top: -1px;
    right: -1px;
    background: linear-gradient(135deg, #f5222d, #ff7875);
    color: #fff;
    font-size: 10px;
    padding: 2px 7px;
    border-radius: 0 13px 0 10px;
    font-weight: 500;
    letter-spacing: 0.2px;
}
.recharge .plan-item.active::after {
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 20px;
    height: 20px;
    background: linear-gradient(135deg, #4c6ef5, #8b5cf6);
    color: #fff;
    font-size: 10px;
    border-radius: 12px 0 13px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.recharge .pay-card {
    margin: 0 16px;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #eef2f9;
}
.recharge .pay-item {
    display: flex;
    align-items: center;
    padding: 14px 16px;
    position: relative;
    transition: background 0.15s;
}
.recharge .pay-item:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 56px; right: 16px; bottom: 0;
    height: 1px;
    background: #f2f3f7;
}
.recharge .pay-item:active {
    background: #f7f8fc;
}
.recharge .pay-ico {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    flex-shrink: 0;
}
.recharge .pay-ico.ali {
    background-color: #1677ff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1037 1024'%3E%3Cpath d='M665.600029 614.4c70.4-128 96-249.6 96-249.6l-12.8 0 0 0L640.000029 364.8 524.800029 364.8 524.800029 275.2l281.6 0L806.400029 236.8 524.800029 236.8 524.800029 102.4l-128 0 0 134.4-256 0 0 38.4 256 0 0 89.6L179.200029 364.8l0 38.4 441.6 0c0 6.4 0 6.4-6.4 12.8C614.400029 460.8 582.400029 524.8 556.800029 576 230.400029 448 134.400029 524.8 108.800029 537.6c-217.6 153.6-12.8 345.6 19.2 339.2 230.4 51.2 377.6-44.8 480-166.4 6.4 6.4 12.8 6.4 19.2 6.4 70.4 38.4 409.6 198.4 409.6 198.4s0-140.8 0-192C985.600029 723.2 800.000029 659.2 665.600029 614.4zM499.200029 672c-160 204.8-352 140.8-384 128C38.400029 780.8 12.800029 640 108.800029 595.2c160-51.2 300.8 6.4 403.2 57.6C505.600029 665.6 499.200029 672 499.200029 672z' fill='%23ffffff'/%3E%3C/svg%3E");
}
.recharge .pay-ico.wx {
    background-color: #07c160;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M884.56835938 332.703125c-2.7421875-4.58789063-4.8515625-4.74609375-9.20214844-2.08300781-14.37011719 8.70117188-28.97753906 17.00683594-43.55859375 25.33886718-37.09863281 21.22558594-74.27636719 42.37207031-111.40136719 63.59765626-43.95410156 25.1015625-87.90820313 50.17675781-131.78320313 75.38378906-62.06835938 35.6484375-124.05761719 71.40234375-186.09960937 107.10351562-17.34960938 9.96679688-33.93457031 4.61425781-42.21386719-13.57910156-6.9609375-15.1875-14.00097656-30.34863281-20.96191406-45.53613281-18.06152344-39.57714844-36.12304688-79.15429688-54.13183594-118.7578125-3.32226563-7.30371094-2.08300781-12.57714844 3.42773438-17.13867188 5.19433594-4.35058594 11.390625-4.32421875 17.77148437 0.2109375 28.95117188 20.48730469 57.74414063 41.1328125 86.82714844 61.43554688 13.05175781 9.12304688 27.29003906 10.41503906 42.02929688 3.95507812 37.7578125-16.61132813 75.515625-33.14355469 113.19433593-49.83398437 53.49902344-23.73046875 106.89257813-47.59277344 160.36523438-71.296875a25144.85742188 25144.85742188 0 0 1 136.00195312-59.98535157c5.87988281-2.55761719 6.27539063-4.48242188 2.109375-9.14941406-33.75-37.62597656-73.64355469-66.94628906-118.91601562-89.70117187a468.54492188 468.54492188 0 0 0-131.4140625-42.89941407c-27.79101563-4.82519531-55.8984375-7.85742188-82.16015625-6.328125-37.83691406-1.0546875-72.984375 3.26953125-107.92089844 10.78417969a461.50488281 461.50488281 0 0 0-81.55371094 25.36523438c-70.6640625 29.58398438-129.9375 73.51171875-173.86523437 136.58203125C115.51660156 367.24414062 97.00683594 423.93359375 96.53222656 486.02832031a280.94238281 280.94238281 0 0 0 12.57714844 84.5859375c16.61132813 54.58007813 46.828125 100.53808594 87.48632812 140.2734375 13.86914063 13.52636719 28.95117188 25.60253906 44.32324219 37.30957032 9.54492188 7.25097656 12.81445313 17.05957031 10.07226563 28.0546875-5.56347656 22.359375-12.12890625 44.5078125-18.24609375 66.73535156l-3.00585938 11.28515625a12.99902344 12.99902344 0 0 0 5.19433594 14.66015625c5.35253906 3.74414063 11.33789063 2.82128906 16.95410156-0.39550782 29.953125-17.13867188 59.90625-34.27734375 89.91210938-51.31054687 8.75390625-4.98339844 18.03515625-8.67480469 28.37109375-6.61816406 7.67285156 1.50292969 15.24023438 3.63867188 22.80761718 5.6953125 32.43164063 8.78027344 65.6015625 13.02539063 99.11425782 14.18554687 33.98730469 1.16015625 67.81640625-0.52734375 101.51367187-6.1171875 28.10742188-4.640625 55.6875-11.12695313 82.29199219-20.77734375 48.59472656-17.58691406 93.57714844-41.79199219 133.15429687-75.33105468 55.16015625-46.66992188 93.81445313-103.49121094 111.13769532-173.94433594a287.66601563 287.66601563 0 0 0 4.27148437-114.69726563c-6.06445313-38.15332031-19.95996094-73.69628906-39.89355469-106.9453125' fill='%23ffffff'/%3E%3C/svg%3E");
}
.recharge .pay-name {
    flex: 1;
    margin-left: 12px;
    font-size: 15px;
    color: #1a1d26;
}
.recharge .pay-radio {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1.5px solid #d8dce6;
    flex-shrink: 0;
    position: relative;
    transition: all 0.15s;
}
.recharge .pay-item.active .pay-radio {
    border-color: #6a5af9;
    background: #6a5af9;
}
.recharge .pay-item.active .pay-radio::after {
    content: "";
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
}
.recharge .footer-bar {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    background: #fff;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    display: flex;
    align-items: center;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.05);
    border-radius: 25px 25px 0 0;
    z-index: 10;
}
.recharge .footer-total {
    flex: 1;
    min-width: 0;
}
.recharge .footer-total-label {
    font-size: 12px;
    color: #8b90a0;
}
.recharge .footer-total-price {
    font-size: 20px;
    font-weight: 700;
    color: #f5222d;
    margin-top: 2px;
    letter-spacing: -0.3px;
}
.recharge .footer-total-price small {
    font-size: 12px;
    font-weight: 400;
}
.recharge .btn-pay {
    display: inline-block;
    padding: 12px 36px;
    background: linear-gradient(135deg, #4c6ef5 0%, #6a5af9 55%, #8b5cf6 100%);
    color: #fff;
    border: none;
    border-radius: 24px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
    box-shadow: 0 6px 14px -4px rgba(106, 90, 249, 0.5);
    transition: all 0.15s;
}
.recharge .btn-pay:active {
    transform: scale(0.97);
    opacity: 0.92;
}
/*邀请*/
.invite .poster-card {
    width: 100%;
    background: transparent;
    padding: 20px 20px 5px;
    margin-bottom: 0;
    box-shadow: none;
    border-radius: 0;
}
.invite .poster-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
}
.invite .poster-card-header h3 {
    font-size: 0.95rem;
    font-weight: 600;
    color: #334155;
    display: flex;
    align-items: center;
    gap: 6px;
}
.invite .poster-card-header h3 i {
    color: #f59e0b;
    width: 16px;
    height: 16px;
}
.invite .invite-code-badge {
    background: #eef2ff;
    color: #4f46e5;
    font-size: 0.78rem;
    font-weight: 500;
    padding: 5px 12px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: background 0.2s;
    border: none;
    font-family: inherit;
}
.invite .invite-code-badge:active {
    background: #e0e7ff;
}
.invite .invite-code-badge i {
    font-size: 0.85rem;
    color: #4f46e5;
    width: 13px;
    height: 13px;
}
.invite .poster-preview-wrapper {
    position: relative;
    width: 100%;
    padding: 0 20px;
    background: transparent;
    border-radius: 0;
    overflow: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    border: none;
}
.invite .poster-preview-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.invite #posterPlaceholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #94a3b8;
    font-size: 0.95rem;
    text-align: center;
    padding: 60px 20px;
    width: 100%;
    background: #ffffff;
    border-radius: 12px;
    border: 1px dashed #e2e8f0;
}
.invite #posterPlaceholder i {
    font-size: 2.4rem;
    color: #cbd5e1;
    width: 40px;
    height: 40px;
}
.invite #resultMessage {
    font-size: 0.82rem;
    text-align: center;
    margin-top: 4px;
    padding: 0 20px;
    min-height: 22px;
    color: #94a3b8;
    transition: color 0.2s;
}
.invite canvas {
    display: none;
}
.invite .fixed-footer {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-top: 1px solid #eef2f6;
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
    z-index: 100;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.05);
    border-radius: 25px 25px 0 0;
}
.invite .fixed-footer .action-buttons {
    display: flex;
    gap: 10px;
    width: 100%;
    align-items: stretch;
}
.invite .btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 10px 6px;
    border-radius: 16px;
    font-size: 0.78rem;
    font-weight: 500;
    border: none;
    background: #ffffff;
    color: #1e293b;
    cursor: pointer;
    transition: all 0.15s;
    font-family: inherit;
    border: 1px solid #e9edf2;
    white-space: nowrap;
    flex-shrink: 0;
    line-height: 1.2;
}
.invite .btn i {
    font-size: 1.4rem;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.invite .btn:active {
    transform: scale(0.96);
    background: #f8fafc;
}
.invite .btn-save {
    flex: 1.4;
    background: linear-gradient(135deg, #07c160, #06ad56);
    color: #ffffff;
    border: none;
    box-shadow: 0 6px 16px rgba(7, 193, 96, 0.28);
    font-weight: 600;
    padding: 12px 6px;
}
.invite .btn-save i {
    color: #ffffff;
}
.invite .btn-save:active {
    background: linear-gradient(135deg, #06ad56, #059f4e);
    box-shadow: 0 4px 10px rgba(7, 193, 96, 0.24);
}
.invite .btn-qq {
    flex: 1;
    background: #ffffff;
    color: #12b7f5;
    border: 1px solid #d6f0fe;
}
.invite .btn-qq i {
    color: #12b7f5;
}
.invite .btn-wechat {
    flex: 1;
    background: #ffffff;
    color: #07c160;
    border: 1px solid #d4f5e3;
}
.invite .btn-wechat i {
    color: #07c160;
}
.invite .fa, .invite .fas, .invite .far, .invite .fab {
    font-style: normal;
    font-weight: normal;
    font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', 'FontAwesome', sans-serif;
    line-height: 1;
}
/*支付*/
.rechargeview .main-content {
    padding: 0 !important;
}
.rechargeview .qr-area {
    margin: 16px 16px 0;
    background: #fff;
    border-radius: 16px;
    padding: 30px 16px 24px;
    text-align: center;
    border: 1px solid #eef2f9;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}
.rechargeview .qr-amount {
    font-size: 36px;
    font-weight: 700;
    color: #f5222d;
    letter-spacing: -0.5px;
    line-height: 1.1;
    margin-bottom: 24px;
}
.rechargeview .qr-amount small {
    font-size: 18px;
    font-weight: 600;
    margin-right: 2px;
}
.rechargeview .qr-wrap {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rechargeview .qr-wrap img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}
.rechargeview .qr-tip {
    font-size: 13px;
    color: #8b90a0;
    margin-top: 16px;
    line-height: 1.7;
}
.rechargeview .qr-tip strong {
    color: #f5222d;
    font-weight: 600;
}
.rechargeview .pay-name-ali {
    color: #1677ff;
    font-weight: 600;
}
.rechargeview .pay-name-wx {
    color: #07c160;
    font-weight: 600;
}
.rechargeview .save-btn {
    display: inline-block;
    margin-top: 14px;
    padding: 8px 22px;
    background: #f0f5ff;
    color: #4c6ef5;
    border-radius: 20px;
    font-size: 13px;
    text-decoration: none;
    font-weight: 500;
}
.rechargeview .save-btn:active {
    background: #e5edff;
}
.rechargeview .section-title {
    font-size: 14px;
    font-weight: 600;
    color: #1a1d26;
    margin: 18px 16px 12px;
    display: flex;
    align-items: center;
}
.rechargeview .section-title::before {
    content: "";
    width: 3px;
    height: 14px;
    background: linear-gradient(to bottom, #4c6ef5, #8b5cf6);
    border-radius: 2px;
    margin-right: 8px;
}
.rechargeview .upload-area {
    margin: 0 16px;
    background: #fff;
    border-radius: 16px;
    padding: 16px;
    border: 1px solid #eef2f9;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}
.rechargeview .upload-box {
    position: relative;
    width: 100%;
    height: 160px;
    border-radius: 8px;
    border: 1.5px dashed #d8dce6;
    background: #fafbfe;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: pointer;
}
.rechargeview .upload-box:active {
    background: #f5f7fd;
}
.rechargeview .upload-box .upload-icon {
    font-size: 32px;
    color: #c0cce0;
    margin-bottom: 8px;
}
.rechargeview .upload-box .upload-text {
    font-size: 13px;
    color: #8b90a0;
}
.rechargeview .upload-box .upload-text strong {
    color: #6a5af9;
    font-weight: 600;
}
.rechargeview .upload-box input[type="file"] {
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
    opacity: 0;
    cursor: pointer;
}
.rechargeview .preview-img {
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
    object-fit: contain;
    background: #fff;
    display: none;
}
.rechargeview .preview-img.show {
    display: block;
}
.rechargeview .reupload {
    position: absolute;
    right: 8px;
    bottom: 8px;
    padding: 4px 12px;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    border-radius: 14px;
    display: none;
    z-index: 2;
}
.rechargeview .preview-img.show ~ .reupload {
    display: block;
}
.rechargeview .footer-bar {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    background: #fff;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    display: flex;
    align-items: center;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.05);
    border-radius: 20px 20px 0 0;
    z-index: 10;
}
.rechargeview .btn-submit {
    flex: 1;
    display: inline-block;
    padding: 13px 20px;
    background: linear-gradient(135deg, #4c6ef5 0%, #6a5af9 55%, #8b5cf6 100%);
    color: #fff;
    border: none;
    border-radius: 24px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-align: center;
    box-shadow: 0 6px 14px -4px rgba(106, 90, 249, 0.5);
    transition: all 0.15s;
}
.rechargeview .btn-submit:active {
    transform: scale(0.98);
    opacity: 0.92;
}
.rechargeview .upload-mask {
    position: fixed;
    left: 0; right: 0; top: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.45);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}
.rechargeview .upload-mask.show {
    display: flex;
}
.rechargeview .upload-mask-box {
    min-width: 150px;
    padding: 24px 30px;
    background: rgba(0, 0, 0, 0.78);
    border-radius: 12px;
    text-align: center;
    color: #fff;
}
.rechargeview .upload-mask-title {
    font-size: 13px;
    opacity: 0.85;
}
.rechargeview .upload-mask-percent {
    font-size: 24px;
    font-weight: 700;
    margin-top: 10px;
    letter-spacing: 0.5px;
}
/*提现*/
.withdraw .main-content {
    padding: 0 !important;
}
.withdraw .balance-card {
    margin: 16px 16px 0;
    padding: 26px 22px;
    background: linear-gradient(125deg, #0590fe 0%, #6a5af9 50%, #a78bfa 100%);
    border-radius: 18px;
    color: #fff;
    position: relative;
    overflow: hidden;
    box-shadow: 0 16px 24px -14px rgba(118, 141, 255, 0.4), 0 8px 14px -10px rgba(167, 139, 250, 0.3);
}
.withdraw .balance-card::before,.withdraw .balance-card::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    pointer-events: none;
}
.withdraw .balance-card::before {
    width: 180px; height: 180px;
    top: -70px; right: -50px;
}
.withdraw .balance-card::after {
    width: 110px; height: 110px;
    bottom: -50px; right: 60px;
    background: rgba(255, 255, 255, 0.05);
}
.withdraw .balance-label {
    font-size: 13px;
    opacity: 0.85;
    letter-spacing: 0.5px;
    position: relative;
    z-index: 1;
}
.withdraw .balance-value {
    font-size: 36px;
    font-weight: 700;
    margin-top: 10px;
    letter-spacing: -0.5px;
    line-height: 1.1;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: baseline;
}
.withdraw .balance-value small {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.85;
    margin-left: 8px;
}
.withdraw .section-title {
    font-size: 16px;
    font-weight: 600;
    color: #1a1d26;
    margin: 5px 16px 5px;
    display: flex;
    align-items: center;
}
.withdraw .section-title::before {
    content: "";
    width: 3px;
    height: 14px;
    background: linear-gradient(to bottom, #4c6ef5, #8b5cf6);
    border-radius: 2px;
    margin-right: 8px;
}
.withdraw .plan-list {
    margin: 0 16px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.withdraw .plan-item {
    position: relative;
    background: #fff;
    border: 1.5px solid #eef2f9;
    border-radius: 14px;
    padding: 16px 6px 14px;
    text-align: center;
    transition: all 0.18s ease;
}
.withdraw .plan-item:active {
    transform: scale(0.97);
}
.withdraw .plan-item.active {
    border-color: #6a5af9;
    background: linear-gradient(135deg, #f5f4ff, #faf9ff);
    box-shadow: 0 6px 16px -6px rgba(106, 90, 249, 0.35);
}
.withdraw .plan-coin {
    font-size: 22px;
    font-weight: 700;
    color: #1a1d26;
    line-height: 1.2;
    letter-spacing: -0.3px;
}
.withdraw .plan-coin small {
    font-size: 12px;
    font-weight: 400;
    color: #8b90a0;
    margin-left: 2px;
}
.withdraw .plan-price {
    font-size: 10px;
    color: #8b90a0;
    font-weight: 500;
    margin-top: 8px;
}
.withdraw .plan-tag {
    position: absolute;
    top: -1px;
    right: -1px;
    background: linear-gradient(135deg, #10b981, #34d399);
    color: #fff;
    font-size: 10px;
    padding: 2px 7px;
    border-radius: 0 13px 0 10px;
    font-weight: 500;
    letter-spacing: 0.2px;
}
.withdraw .plan-item.active::after {
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 20px;
    height: 20px;
    background: linear-gradient(135deg, #4c6ef5, #8b5cf6);
    color: #fff;
    font-size: 10px;
    border-radius: 12px 0 13px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ========== 收款方式 + 信息（合并一张卡） ========== */
.withdraw .pay-card {
    margin: 0 16px;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #eef2f9;
}
.withdraw .pay-item {
    display: flex;
    align-items: center;
    padding: 14px 16px;
    position: relative;
    transition: background 0.15s;
}
.withdraw .pay-ico {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    flex-shrink: 0;
}
.withdraw .pay-ico.ali {
    background-color: #1677ff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1037 1024'%3E%3Cpath d='M665.600029 614.4c70.4-128 96-249.6 96-249.6l-12.8 0 0 0L640.000029 364.8 524.800029 364.8 524.800029 275.2l281.6 0L806.400029 236.8 524.800029 236.8 524.800029 102.4l-128 0 0 134.4-256 0 0 38.4 256 0 0 89.6L179.200029 364.8l0 38.4 441.6 0c0 6.4 0 6.4-6.4 12.8C614.400029 460.8 582.400029 524.8 556.800029 576 230.400029 448 134.400029 524.8 108.800029 537.6c-217.6 153.6-12.8 345.6 19.2 339.2 230.4 51.2 377.6-44.8 480-166.4 6.4 6.4 12.8 6.4 19.2 6.4 70.4 38.4 409.6 198.4 409.6 198.4s0-140.8 0-192C985.600029 723.2 800.000029 659.2 665.600029 614.4zM499.200029 672c-160 204.8-352 140.8-384 128C38.400029 780.8 12.800029 640 108.800029 595.2c160-51.2 300.8 6.4 403.2 57.6C505.600029 665.6 499.200029 672 499.200029 672z' fill='%23ffffff'/%3E%3C/svg%3E");
}
.withdraw .pay-name {
    flex: 1;
    margin-left: 12px;
    font-size: 15px;
    color: #1a1d26;
}
.withdraw .pay-radio {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1.5px solid #d8dce6;
    flex-shrink: 0;
    position: relative;
    transition: all 0.15s;
}
.withdraw .pay-item.active .pay-radio {
    border-color: #6a5af9;
    background: #6a5af9;
}
.withdraw .pay-item.active .pay-radio::after {
    content: "";
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
}

/* ========== 收款信息表单（跟 pay-card 同一张卡） ========== */
.withdraw .account-form {
    border-top: 1px solid #f2f3f7;
}
.withdraw .form-row {
    display: flex;
    align-items: center;
    padding: 14px 16px;
    border-bottom: 1px solid #f2f3f7;
}
.withdraw .form-row:last-child {
    border-bottom: none;
}
.withdraw .form-label {
    width: 70px;
    font-size: 15px;
    color: #1a1d26;
    flex-shrink: 0;
}
.withdraw .form-input {
    flex: 1;
    border: none;
    outline: none;
    font-size: 15px;
    color: #1a1d26;
    background: transparent;
    padding: 0;
}
.withdraw .form-input::placeholder {
    color: #c0cce0;
}

.withdraw .footer-bar {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    background: #fff;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    display: flex;
    align-items: center;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.05);
    border-radius: 25px 25px 0 0;
    z-index: 10;
}
.withdraw .footer-total {
    flex: 1;
    min-width: 0;
}
.withdraw .footer-total-label {
    font-size: 12px;
    color: #8b90a0;
}
.withdraw .footer-total-price {
    font-size: 20px;
    font-weight: 700;
    color: #f5222d;
    margin-top: 2px;
    letter-spacing: -0.3px;
}
.withdraw .footer-total-price .real {
    font-size: 12px;
    font-weight: 400;
    color: #8b90a0;
    margin-left: 6px;
    font-style: normal;
}
.withdraw .footer-total-price small {
    font-size: 12px;
    font-weight: 400;
}
.withdraw .btn-pay {
    display: inline-block;
    padding: 12px 36px;
    background: linear-gradient(135deg, #4c6ef5 0%, #6a5af9 55%, #8b5cf6 100%);
    color: #fff;
    border: none;
    border-radius: 24px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
    box-shadow: 0 6px 14px -4px rgba(106, 90, 249, 0.5);
    transition: all 0.15s;
}
.withdraw .btn-pay:active {
    transform: scale(0.96);
    opacity: 0.92;
}
/*设置*/

/*记录*/
.Logs .main-content {
    padding: 0 !important;
    padding-bottom: 40px !important;
}
.Logs .stats-card {
    display: flex;
    align-items: center;
    margin: 16px 16px 0;
    padding: 20px 0;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(76, 110, 245, 0.08), 0 1px 4px rgba(0, 0, 0, 0.02);
}
.Logs .stat-item {
    flex: 1;
    text-align: center;
}
.Logs .stat-number {
    font-size: 24px;
    font-weight: 700;
    color: #1a1d26;
    line-height: 1.2;
    letter-spacing: -0.5px;
}
.Logs .stat-label {
    font-size: 12px;
    color: #8b90a0;
    margin-top: 6px;
    letter-spacing: 0.3px;
}
.Logs .stat-divider {
    width: 1px;
    height: 28px;
    background: #eef1f7;
    flex-shrink: 0;
}
.Logs .tab-bar {
    display: flex;
    margin: 16px 16px 0;
    background: #fff;
    border-radius: 12px;
    padding: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}
.Logs .tab-item {
    flex: 1;
    text-align: center;
    padding: 9px 0;
    font-size: 14px;
    color: #6b7280;
    border-radius: 9px;
    cursor: pointer;
    transition: all 0.2s ease;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}
.Logs .tab-item.active {
    background: linear-gradient(135deg, #4c6ef5, #6a5af9);
    color: #fff;
    font-weight: 500;
    box-shadow: 0 2px 8px rgba(76, 110, 245, 0.25);
}
.Logs .record {
    margin: 12px 16px 0;
}
.Logs .records {
    background: #fff;
    border-radius: 14px;
    padding: 15px 16px;
    margin-bottom: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.Logs .records .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.Logs .records .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background: #eef1f7;
    border: 1px solid #f0f1f5;
}
.Logs .records .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.Logs .records .text {
    flex: 1;
    min-width: 0;
    font-size: 14px;
    color: #1a1d26;
    font-weight: 500;
    line-height: 1.4;
    word-break: break-all;
}
.Logs .records .text .sub,.Logs .records .text .yx_text {
    font-size: 12px;
    color: #8b90a0;
    font-weight: 400;
}
.Logs .records .amount {
    flex-shrink: 0;
    font-size: 11px;
    color: #4c6ef5;
    background: rgba(76, 110, 245, 0.08);
    padding: 3px 10px;
    border-radius: 20px;
    font-weight: 500;
    line-height: 1.4;
    white-space: nowrap;
}
.Logs .records .amount.plus {
    color: #10b981;
    background: rgba(16, 185, 129, 0.1);
}
.Logs .records .amount.minus {
    color: #f5222d;
    background: rgba(245, 34, 45, 0.08);
}
.Logs .records .money {
    flex-shrink: 0;
    font-size: 15px;
    font-weight: 600;
    color: #1a1d26;
    line-height: 1.4;
    white-space: nowrap;
}
.Logs .records .money.plus {
    color: #10b981;
}
.Logs .records .money.minus {
    color: #f5222d;
}
.Logs .records .time {
    margin-top: 8px;
    font-size: 11px;
    color: #b8bdc9;
    letter-spacing: 0.2px;
}
.Logs #empty {
    text-align: center;
    padding: 80px 20px;
}
.Logs #empty .empty {
    font-size: 48px;
    color: #d8dde8;
    margin-bottom: 12px;
}
.Logs #empty h4 {
    font-size: 13px;
    color: #b8bdc9;
    font-weight: 400;
    letter-spacing: 0.3px;
}