.fund-page--mining {
    background: var(--app-bg, #f5f7f9);
    min-height: 100vh;
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + calc(110 * var(--sub-vw) / 750));
}

.fund-page--mining .fund-mining-header {
    background: #ffffff;
    border-bottom: 1px solid var(--app-line, #e5ebf5);
    box-shadow: 0 calc(2 * var(--sub-vw) / 750) calc(12 * var(--sub-vw) / 750) rgba(33, 63, 124, 0.04);
}

.fund-page--mining .fund-mining-header .sub-page-title,
.fund-page--mining .fund-mining-header .sub-back {
    color: var(--app-text, #24314f);
}

.fund-page--mining .fund-mining-title {
    font-size: calc(34 * var(--sub-vw) / 750);
    font-weight: 700;
    text-align: center;
}

.fund-page--mining .fund-mining-body {
    padding: calc(20 * var(--sub-vw) / 750) calc(20 * var(--sub-vw) / 750) calc(24 * var(--sub-vw) / 750);
}

.fund-page--mining .fund-summary-card {
    border-radius: calc(16 * var(--sub-vw) / 750);
    padding: calc(28 * var(--sub-vw) / 750) calc(24 * var(--sub-vw) / 750);
    margin-bottom: calc(20 * var(--sub-vw) / 750);
    background: linear-gradient(135deg, #e8f4ff 0%, #d0e8ff 100%);
    border: 1px solid rgba(47, 115, 246, 0.12);
    color: var(--app-text, #24314f);
    box-shadow: var(--app-shadow, 0 calc(8 * var(--sub-vw) / 750) calc(28 * var(--sub-vw) / 750) rgba(33, 63, 124, 0.07));
}

.fund-page--mining .fund-summary-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(16 * var(--sub-vw) / 750);
    margin-bottom: calc(28 * var(--sub-vw) / 750);
}

.fund-page--mining .fund-summary-label {
    display: block;
    font-size: calc(24 * var(--sub-vw) / 750);
    margin-bottom: calc(10 * var(--sub-vw) / 750);
    color: var(--app-muted, #8a93a8);
}

.fund-page--mining .fund-summary-balance strong {
    font-size: calc(56 * var(--sub-vw) / 750);
    font-weight: 700;
    line-height: 1.1;
    color: var(--app-text, #24314f);
}

.fund-page--mining .fund-summary-orders-btn {
    flex-shrink: 0;
    border: 0;
    border-radius: calc(28 * var(--sub-vw) / 750);
    padding: calc(12 * var(--sub-vw) / 750) calc(22 * var(--sub-vw) / 750);
    background: var(--app-blue, #2f73f6);
    color: #ffffff;
    font-size: calc(22 * var(--sub-vw) / 750);
    cursor: pointer;
}

.fund-page--mining .fund-summary-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: calc(12 * var(--sub-vw) / 750);
}

.fund-page--mining .fund-summary-stat {
    min-width: 0;
}

.fund-page--mining .fund-summary-stat span {
    display: block;
    font-size: calc(20 * var(--sub-vw) / 750);
    line-height: 1.35;
    margin-bottom: calc(8 * var(--sub-vw) / 750);
    color: var(--app-muted, #8a93a8);
}

.fund-page--mining .fund-summary-stat strong {
    display: block;
    font-size: calc(26 * var(--sub-vw) / 750);
    font-weight: 700;
    word-break: break-word;
    color: var(--app-text, #24314f);
}

.fund-page--mining .fund-product-card {
    background: #ffffff;
    border: 1px solid var(--app-line, #e5ebf5);
    border-radius: calc(14 * var(--sub-vw) / 750);
    padding: calc(24 * var(--sub-vw) / 750);
    margin-bottom: calc(16 * var(--sub-vw) / 750);
    box-shadow: var(--app-shadow, 0 calc(8 * var(--sub-vw) / 750) calc(28 * var(--sub-vw) / 750) rgba(33, 63, 124, 0.07));
}

.fund-page--mining .fund-product-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(12 * var(--sub-vw) / 750);
    margin-bottom: calc(22 * var(--sub-vw) / 750);
}

.fund-page--mining .fund-product-title {
    font-size: calc(28 * var(--sub-vw) / 750);
    color: var(--app-text, #24314f);
    font-weight: 600;
}

.fund-page--mining .fund-product-badge {
    flex-shrink: 0;
    border-radius: calc(8 * var(--sub-vw) / 750);
    padding: calc(8 * var(--sub-vw) / 750) calc(16 * var(--sub-vw) / 750);
    background: var(--app-blue-soft, #eef3ff);
    color: var(--app-blue, #2f73f6);
    font-size: calc(22 * var(--sub-vw) / 750);
}

.fund-page--mining .fund-product-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: calc(12 * var(--sub-vw) / 750);
    margin-bottom: calc(22 * var(--sub-vw) / 750);
}

.fund-page--mining .fund-product-cell span {
    display: block;
    font-size: calc(20 * var(--sub-vw) / 750);
    color: var(--app-muted, #8a93a8);
    line-height: 1.35;
    margin-bottom: calc(8 * var(--sub-vw) / 750);
}

.fund-page--mining .fund-product-cell strong {
    display: block;
    font-size: calc(28 * var(--sub-vw) / 750);
    color: var(--app-text, #24314f);
    font-weight: 600;
    word-break: break-word;
}

.fund-page--mining .fund-product-buy {
    width: 100%;
    height: calc(72 * var(--sub-vw) / 750);
    border: 0;
    border-radius: calc(12 * var(--sub-vw) / 750);
    background: var(--app-btn, linear-gradient(180deg, #5ba3ff 0%, #2f73f6 100%));
    color: #ffffff;
    font-size: calc(28 * var(--sub-vw) / 750);
    font-weight: 600;
    cursor: pointer;
}

.fund-orders-page {
    min-height: 100vh;
    background: var(--app-bg, #f5f7f9);
    color: var(--app-text, #24314f);
}

.fund-orders-page .fund-orders-header {
    background: #ffffff;
}

.fund-orders-page .fund-orders-header .sub-page-title,
.fund-orders-page .fund-orders-header .sub-back {
    color: var(--app-text, #24314f);
}

.fund-orders-page .fund-orders-body {
    padding: calc(16 * var(--sub-vw) / 750) calc(20 * var(--sub-vw) / 750) calc(40 * var(--sub-vw) / 750);
}

.fund-orders-page .fund-orders-empty {
    padding: calc(80 * var(--sub-vw) / 750) calc(24 * var(--sub-vw) / 750);
    text-align: center;
    color: var(--app-muted, #8a93a8);
    font-size: calc(26 * var(--sub-vw) / 750);
}

.fund-orders-page .fund-order-card {
    background: #ffffff;
    border: 1px solid var(--app-line, #e5ebf5);
    border-radius: calc(14 * var(--sub-vw) / 750);
    padding: calc(22 * var(--sub-vw) / 750);
    margin-bottom: calc(16 * var(--sub-vw) / 750);
    box-shadow: var(--app-shadow, 0 calc(8 * var(--sub-vw) / 750) calc(28 * var(--sub-vw) / 750) rgba(33, 63, 124, 0.07));
}

.fund-orders-page .fund-order-card-head {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: calc(10 * var(--sub-vw) / 750);
    margin-bottom: calc(20 * var(--sub-vw) / 750);
}

.fund-orders-page .fund-order-status {
    border-radius: calc(8 * var(--sub-vw) / 750);
    padding: calc(6 * var(--sub-vw) / 750) calc(12 * var(--sub-vw) / 750);
    background: rgba(47, 115, 246, 0.12);
    color: var(--app-blue, #2f73f6);
    font-size: calc(20 * var(--sub-vw) / 750);
    white-space: nowrap;
}

.fund-orders-page .fund-order-title {
    font-size: calc(26 * var(--sub-vw) / 750);
    color: var(--app-text, #24314f);
    min-width: 0;
}

.fund-orders-page .fund-order-redeem {
    border: 0;
    border-radius: calc(8 * var(--sub-vw) / 750);
    padding: calc(8 * var(--sub-vw) / 750) calc(14 * var(--sub-vw) / 750);
    background: var(--app-danger, #ff1a17);
    color: #fff;
    font-size: calc(22 * var(--sub-vw) / 750);
    cursor: pointer;
    white-space: nowrap;
}

.fund-orders-page .fund-order-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: calc(16 * var(--sub-vw) / 750) calc(10 * var(--sub-vw) / 750);
}

.fund-orders-page .fund-order-cell {
    min-width: 0;
}

.fund-orders-page .fund-order-label {
    display: block;
    font-size: calc(20 * var(--sub-vw) / 750);
    color: var(--app-muted, #8a93a8);
    line-height: 1.35;
    margin-bottom: calc(8 * var(--sub-vw) / 750);
}

.fund-orders-page .fund-order-cell strong {
    display: block;
    font-size: calc(26 * var(--sub-vw) / 750);
    color: var(--app-text, #24314f);
    font-weight: 600;
    word-break: break-word;
}

.fund-orders-page .fund-order-cell--penalty strong {
    color: var(--app-danger, #ff1a17);
}

.fund-orders-page .fund-order-cell--penalty {
    grid-column: span 3;
}