/* 聚投资 2015 首页复刻样式 - 色值取自原站 computed style */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body.page-home2015 {
    font: 12px/1.5 "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    color: #666;
    background: #f5f5f5;
    min-width: 1100px;
}
a { color: #666; text-decoration: none; }
a:hover { color: #ef5a50; }
ul, dl, dd, dt, h1, h2, h3, p { margin: 0; padding: 0; list-style: none; }
.clearfix::after { content: ""; display: table; clear: both; }
.fl { float: left; }
.fr { float: right; }
.rel { position: relative; }
.ff-A { font-family: Arial, sans-serif; }
.ff-M { font-family: "Microsoft YaHei", sans-serif; }
.fs-large { font-size: 24px; font-weight: 700; color: #666; }
.fs-xx { font-size: 18px; color: #666; }
.fs-s { font-size: 12px; }
.fs-sxl { font-size: 18px; font-weight: normal; }
.fs-x { font-size: 12px; }
.fw-n { font-weight: normal; }
.mgr-5 { margin-right: 5px; }
.mrn { margin-right: 0; }
.pdr-15 { padding-right: 15px; }
.br1e6 { border-right: 1px solid #e6e6e6; padding-right: 15px; margin-right: 15px; }
.pdl-15 { padding-left: 15px; }
.icon { display: inline-block; vertical-align: middle; }
.hd-inner { width: 1100px; margin: 0 auto; }

/* 顶部工具条 */
.hd-top { background: #f8f8f8; border-bottom: 1px solid #eee; height: 32px; line-height: 32px; color: #666; font-size: 12px; }
.hd-website-menu { float: left; }
.hd-website-menu a { color: #666; margin-right: 0; }
.hd-website-menu a:hover { color: #e34b4b; }
.hd-quick-menu { float: right; }
.hd-quick-menu > li { float: left; position: relative; }
.hd-quick-menu-sub-a, .hd-quick-menu-contact-a { display: block; color: #666; padding-right: 15px; }
.hd-tri { display: inline-block; width: 0; height: 0; border: 4px solid transparent; border-top-color: #999; margin-left: 5px; vertical-align: middle; }
.hd-quick-help, .hd-quick-contact {
    display: none; position: absolute; top: 32px; right: 0; background: #fff;
    border: 1px solid #eee; box-shadow: 0 2px 8px rgba(0,0,0,.08); z-index: 200; min-width: 120px;
}
.hd-quick-help li a, .hd-quick-i-account li a { display: block; padding: 8px 16px; color: #666; white-space: nowrap; }
.hd-quick-help li a:hover { background: #f5f5f5; color: #e34b4b; }
.hd-quick-menu-sub:hover .hd-quick-help,
.hd-quick-menu-contact:hover .hd-quick-contact,
.hd-quick-menu-sub.is-open .hd-quick-help,
.hd-quick-menu-contact.is-open .hd-quick-contact { display: block; }
.hd-quick-contact { width: 220px; padding: 15px; }
.h-q-c-left h3 { color: #ef5a50; font-size: 20px; margin-bottom: 5px; }
.h-q-c-serve { display: inline-block; margin-top: 8px; padding: 4px 12px; background: #ef5a50; color: #fff !important; border-radius: 2px; }

/* Logo 行 */
.hd-content { background: #fff; padding: 16px 0; }
.hd-logo-link { float: left; display: block; text-decoration: none !important; color: inherit; }
.hd-logo { display: block; height: 50px; width: auto; }
.hd-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 48px;
}
.hd-brand-mark {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    border-radius: 11px;
    background: linear-gradient(145deg, #f06a60 0%, #e34b4b 100%);
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 42px;
    text-align: center;
    letter-spacing: 0;
    box-shadow: 0 4px 10px rgba(227, 75, 75, 0.22);
}
.hd-brand-mark-img {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    display: block;
    border-radius: 11px;
}
.hd-brand-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    line-height: 1.15;
}
.hd-brand-row {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px 10px;
}
.hd-brand-name {
    font-size: 28px;
    font-weight: 700;
    color: #e34b4b;
    letter-spacing: 1px;
    font-style: normal;
}
.hd-brand-slogan {
    font-size: 13px;
    color: #8a8f98;
    font-weight: 400;
    letter-spacing: 0.5px;
    position: relative;
    padding-left: 10px;
}
.hd-brand-slogan::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 12px;
    margin-top: -6px;
    background: #d8dbe0;
}
.hd-brand-domain {
    display: inline-block;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #b07a6e;
    letter-spacing: 1.4px;
    text-transform: lowercase;
}
.hd-logo-text { display: block; font-size: 28px; font-weight: bold; color: #333; line-height: 1.2; padding-top: 2px; }
.hd-logo-text em { color: #e34b4b; font-style: normal; margin-left: 0; }
.hd-logo-text small { font-size: 12px; color: #999; font-weight: normal; margin-left: 8px; }
.hd-login { float: right; padding-top: 6px; }
.hd-login-in li { float: left; margin-left: 10px; }
.hd-login-btn a {
    display: block; padding: 0 22px; height: 32px; line-height: 32px;
    border: 1px solid #ef5a50; color: #ef5a50; border-radius: 2px; text-align: center;
}
.hd-regist-btm a {
    display: block; padding: 0 22px; height: 32px; line-height: 32px;
    background: #ef5a50; color: #fff !important; border-radius: 2px; text-align: center;
}
.hd-login-win { position: relative; }
.h-l-w-item { position: relative; line-height: 32px; }
.hd-login-handle { display: none; position: absolute; top: 100%; right: 0; background: #fff; border: 1px solid #eee; box-shadow: 0 2px 6px rgba(0,0,0,.1); min-width: 120px; z-index: 200; }
.h-l-w-item:hover .hd-login-handle,
.h-l-w-item.is-open .hd-login-handle { display: block; }
.hd-login-toggle { cursor: pointer; color: #333; }
.hd-login-toggle:hover { color: #e34b4b; }
.hd-login-list a { display: block; padding: 8px 16px; color: #666; }
.hd-login-list a:hover { background: #f5f5f5; color: #e34b4b; }

/* 红色主导航 */
.hd-nav { background: #ef5a50; height: 44px; }
.hd-main-nav { height: 44px; }
.h-m-n-item { float: left; position: relative; height: 44px; }
.h-m-n-link {
    display: block; padding: 0 28px; height: 44px; line-height: 44px;
    color: #fff; font-size: 16px; text-align: center;
}
.h-m-n-item.cur .h-m-n-link,
.h-m-n-item:hover .h-m-n-link { background: #d94a40; }
.hd-sub-nav {
    display: none; position: absolute; top: 44px; left: 0; background: #fff;
    border: 1px solid #eee; box-shadow: 0 2px 6px rgba(0,0,0,.1); z-index: 150; min-width: 140px;
}
.hd-sub-nav li a { display: block; padding: 10px 20px; color: #666; font-size: 14px; white-space: nowrap; }
.hd-sub-nav li a:hover { background: #f5f5f5; color: #e34b4b; }
.h-m-n-item.has-sub:hover .hd-sub-nav { display: block; }
.h-m-n-item.has-sub.is-open .hd-sub-nav { display: block; }

.bd { background: #f5f5f5; }
.products-page { padding: 20px 0 40px; }
.product-detail-page { max-width: 760px; margin: 0 auto; }
.account-page { max-width: 820px; margin: 0 auto; }
.account-dashboard {
    padding: 0;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 2px 16px rgba(0,0,0,.06);
}
.account-dashboard__body { padding: 24px 28px 28px; }
.account-hero {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 24px 28px;
    background: linear-gradient(135deg, #fff5f5 0%, #fff 55%, #fafafa 100%);
    border-bottom: 1px solid #f0f0f0;
}
.account-hero__avatar-btn {
    position: relative;
    flex-shrink: 0;
    margin-top: 2px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    border-radius: 50%;
}
.account-hero__avatar {
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 4px 12px rgba(227,75,75,.18);
    background: #f3f4f6;
}
.account-hero__avatar-edit {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    color: #fff;
    background: rgba(0,0,0,.45);
    border-radius: 0 0 28px 28px;
}
.account-hero__avatar-btn:hover .account-hero__avatar {
    box-shadow: 0 4px 14px rgba(227,75,75,.32);
}

/* 头像选择弹层 */
.avatar-picker {
    position: fixed;
    inset: 0;
    z-index: 2000;
}
.avatar-picker[hidden] { display: none !important; }
.avatar-picker__mask {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, .45);
}
.avatar-picker__panel {
    position: relative;
    z-index: 1;
    width: 92%;
    max-width: 520px;
    max-height: 86vh;
    margin: 7vh auto 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 16px 48px rgba(0,0,0,.18);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.avatar-picker__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border-bottom: 1px solid #eee;
}
.avatar-picker__head h3 {
    margin: 0;
    font-size: 16px;
    color: #333;
}
.avatar-picker__close {
    border: 0;
    background: transparent;
    font-size: 24px;
    line-height: 1;
    color: #999;
    cursor: pointer;
}
.avatar-picker__tip {
    margin: 0;
    padding: 10px 18px 0;
    font-size: 12px;
    color: #999;
}
.avatar-picker__form {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1;
}
.avatar-picker__grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
    padding: 14px 18px;
    overflow-y: auto;
}
.avatar-picker__item {
    padding: 0;
    border: 2px solid transparent;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    aspect-ratio: 1;
    overflow: hidden;
}
.avatar-picker__item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.avatar-picker__item:hover { border-color: #f0d4d2; }
.avatar-picker__item.is-active {
    border-color: #e34b4b;
    box-shadow: 0 0 0 2px rgba(227,75,75,.15);
}
.avatar-picker__foot {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 12px 18px 16px;
    border-top: 1px solid #eee;
}
@media (max-width: 640px) {
    .avatar-picker__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.account-hero__title {
    display: block;
    margin-bottom: 6px;
}
.nickname-row {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
    min-height: 30px;
}
.account-hero__name {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    line-height: 30px;
}
.account-hero__badge { display: inline-flex; flex-shrink: 0; }
.nickname-edit-form {
    display: inline-flex;
    align-items: center;
}
.nickname-edit-form[hidden],
.nickname-edit-form__footer[hidden],
.account-hero__name[hidden] {
    display: none !important;
}
.nickname-edit-form__input {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0 8px;
    height: 30px;
    line-height: 28px;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    width: 168px;
    max-width: 100%;
    box-sizing: border-box;
}
.nickname-edit-form__footer {
    margin-top: 8px;
}
.nickname-edit-form__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 8px;
}
.nickname-edit-form__actions .btn {
    font-size: 12px;
    padding: 4px 10px;
}
.nickname-edit-form__tip {
    font-size: 11px;
    color: #999;
    margin: 0;
    line-height: 1.4;
}
.account-hero__meta {
    margin: 0;
    font-size: 13px;
    color: #999;
}
.account-shortcuts {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 14px;
    margin: 0;
    padding: 20px 28px;
    border-bottom: 1px solid #f0f0f0;
    background: #fff;
}
.account-shortcuts .btn {
    display: inline-block;
    min-width: 112px;
    text-align: center;
    padding: 10px 18px;
    font-size: 13px;
}
.account-shortcuts .btn.is-active {
    background: #e34b4b;
    border-color: #e34b4b;
    color: #fff;
}
.account-shortcuts .btn.is-active:hover {
    background: #d43d3d;
    border-color: #d43d3d;
    color: #fff;
}
.account-balance-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 20px;
}
.account-balance-row--with-coupon {
    grid-template-columns: 1fr 1fr 1fr;
}
.account-balance-card {
    padding: 18px 20px;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 8px;
}
.account-balance-card--coupon {
    display: block;
    text-decoration: none;
    color: inherit;
    background: linear-gradient(135deg, #fffaf0 0%, #fff 100%);
    border-color: #ffe0b2;
    transition: border-color .15s, box-shadow .15s;
}
.account-balance-card--coupon:hover {
    border-color: #ffb74d;
    box-shadow: 0 2px 10px rgba(255, 152, 0, .12);
}
.account-balance-card__value--coupon { color: #ef6c00; }
.account-balance-card__coupon-meta {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    color: #8d6e63;
    line-height: 1.4;
}
.account-balance-card--main {
    position: relative;
    background: linear-gradient(135deg, #fff8f8 0%, #fff 100%);
    border-color: #fde0e0;
    padding-bottom: 48px;
}
.account-balance-card__actions {
    position: absolute;
    right: 14px;
    bottom: 14px;
    display: flex;
    gap: 8px;
}
.account-balance-card__actions .btn-sm {
    min-width: 0;
    padding: 4px 12px;
    font-size: 12px;
    line-height: 1.4;
}
.account-balance-card__label {
    display: block;
    font-size: 13px;
    color: #888;
    margin-bottom: 8px;
}
.account-balance-card__hint {
    display: block;
    font-size: 12px;
    color: #bbb;
    margin: -4px 0 6px;
}
.account-balance-card__value {
    display: block;
    font-size: 28px;
    font-weight: 700;
    color: #e34b4b;
    line-height: 1.2;
}
.account-balance-card__value small {
    font-size: 14px;
    font-weight: 600;
    color: #999;
}
.account-balance-card__value--warn { color: #e65100; }
.account-status-tip {
    margin-bottom: 20px;
    padding: 12px 16px;
    background: #f0faf0;
    border: 1px solid #c8e6c9;
    border-radius: 6px;
    font-size: 14px;
    color: #1b5e20;
}
.account-status-tip__text { margin-bottom: 10px; }
.account-pending-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.account-pending-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 10px;
    background: #fff;
    border: 1px solid #dcedc8;
    border-radius: 4px;
    color: #333;
    font-size: 14px;
}
.account-pending-item .btn-sm {
    padding: 4px 12px;
    font-size: 12px;
}
.account-metrics {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 24px;
    padding: 18px 12px;
    background: #f5f5f5;
    border: none;
    border-radius: 8px;
}
.account-metric { text-align: center; padding: 8px; }
.account-metric + .account-metric { border-left: 1px solid #e8e8e8; }
.account-metric__label {
    display: block;
    font-size: 15px;
    color: #444;
    margin-bottom: 8px;
    line-height: 1.4;
}
.account-metric__value {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #222;
}
.account-invite {
    margin-bottom: 24px;
    padding: 18px 20px;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 8px;
}
.account-invite__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 12px;
}
.account-invite__title {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #333;
}
.account-invite__url {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    font-size: 13px;
    color: #444;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    font-family: Consolas, Monaco, monospace;
}
.account-invite__foot {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin: 10px 0 0;
    font-size: 13px;
    color: #666;
}
.account-invite__foot a { color: #e34b4b; }
.account-invite__foot a:hover { text-decoration: underline; }
.account-actions__primary {
    display: block;
    width: 100%;
    margin-bottom: 12px;
    padding: 12px;
    font-size: 15px;
    text-align: center;
}
.account-actions__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
.account-actions__grid .btn {
    display: block;
    text-align: center;
    padding: 10px 8px;
    font-size: 14px;
}
@media (max-width: 640px) {
    .account-hero { padding: 20px; }
    .account-dashboard__body { padding: 20px; }
    .account-shortcuts {
        justify-content: flex-start;
        gap: 8px;
        padding: 16px 20px;
    }
    .account-shortcuts .btn {
        min-width: 0;
        flex: 1 1 calc(50% - 8px);
        box-sizing: border-box;
    }
    .account-balance-row { grid-template-columns: 1fr; }
    .account-metrics { grid-template-columns: repeat(2, 1fr); gap: 0; }
    .account-metric + .account-metric {
        border-left: none;
        border-top: 1px solid #f0f0f0;
        padding-top: 12px;
        margin-top: 8px;
    }
}

/* —— 账户相关页：手机真实宽度适配（.page-account） —— */
@media (max-width: 768px) {
    body.page-account {
        min-width: 0;
        font-size: 14px;
        background: #f5f5f5;
    }
    body.page-account .hd-top {
        display: none;
    }
    body.page-account .hd-content {
        padding: 10px 0;
    }
    body.page-account .hd-inner,
    body.page-account .ft-inner {
        width: 100%;
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px;
        box-sizing: border-box;
    }
    body.page-account .hd-brand-slogan {
        display: none;
    }
    body.page-account .hd-brand-domain {
        display: block;
        font-size: 11px;
        letter-spacing: 0.5px;
    }
    body.page-account .hd-brand-name {
        font-size: 22px;
    }
    body.page-account .hd-brand-mark-img {
        width: 36px;
        height: 36px;
    }
    body.page-account .hd-login {
        padding-top: 2px;
    }
    body.page-account .hd-login-win,
    body.page-account .hd-login-in {
        font-size: 12px;
    }
    body.page-account .hd-nav {
        height: auto;
        overflow: visible;
    }
    body.page-account .hd-main-nav {
        float: none;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        height: 42px;
        width: 100%;
        margin: 0;
        padding: 0;
        scrollbar-width: none;
    }
    body.page-account .hd-main-nav::-webkit-scrollbar {
        display: none;
    }
    body.page-account .h-m-n-item {
        float: none;
        flex: 0 0 auto;
        height: 42px;
    }
    body.page-account .h-m-n-link {
        padding: 0 14px;
        height: 42px;
        line-height: 42px;
        font-size: 14px;
        white-space: nowrap;
    }
    body.page-account .hd-nav.is-sub-open .hd-main-nav {
        overflow: visible;
    }
    body.page-account .h-m-n-item.has-sub {
        position: relative;
    }
    body.page-account .hd-sub-nav {
        display: none;
        position: absolute;
        top: 42px;
        left: 0;
        min-width: 140px;
        z-index: 300;
        background: #fff;
        border: 1px solid #eee;
        box-shadow: 0 2px 8px rgba(0,0,0,.12);
    }
    body.page-account .h-m-n-item.has-sub.is-open .hd-sub-nav {
        display: block;
    }
    body.page-account .h-m-n-item.has-sub:hover .hd-sub-nav {
        display: none;
    }
    body.page-account .h-m-n-item.has-sub.is-open:hover .hd-sub-nav {
        display: block;
    }
    body.page-account .bd {
        min-height: 0;
    }
    body.page-account .products-page {
        padding: 12px 0 20px;
    }
    body.page-account .products-page > .hd-inner {
        width: 100%;
        max-width: 100%;
        padding: 0 12px;
        box-sizing: border-box;
    }
    body.page-account .account-page {
        max-width: 100%;
        margin: 0;
    }
    body.page-account .account-dashboard {
        border-radius: 10px;
        box-shadow: 0 1px 8px rgba(0, 0, 0, .06);
        overflow: visible;
    }
    body.page-account .account-hero {
        padding: 16px;
        gap: 12px;
        border-radius: 10px 10px 0 0;
    }
    body.page-account .account-hero__avatar {
        width: 48px;
        height: 48px;
    }
    body.page-account .account-hero__name {
        font-size: 16px;
    }
    body.page-account .account-hero__meta {
        font-size: 12px;
    }
    body.page-account .account-shortcuts {
        display: flex;
        flex-wrap: nowrap;
        align-items: stretch;
        gap: 6px;
        padding: 12px 12px;
        overflow: visible;
    }
    body.page-account .account-shortcuts .btn {
        flex: 1 1 0;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 0;
        width: auto;
        padding: 8px 4px;
        font-size: 12px;
        line-height: 1.25;
        text-align: center;
        white-space: normal;
        box-sizing: border-box;
    }
    body.page-account .account-dashboard__body {
        padding: 16px;
    }
    body.page-account .account-balance-row {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 14px;
    }
    body.page-account-sublist .account-balance-row {
        display: none !important;
    }
    body.page-account .account-balance-card {
        padding: 14px 16px;
    }
    body.page-account .account-balance-card--main {
        padding-bottom: 48px;
    }
    body.page-account .account-balance-card__value {
        font-size: 22px;
    }
    body.page-account .account-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
        padding: 4px 0;
        margin-bottom: 16px;
    }
    body.page-account .account-metric {
        padding: 12px 8px;
        border: none;
        border-bottom: 1px solid #ebebeb;
    }
    body.page-account .account-metric:nth-child(odd) {
        border-right: 1px solid #ebebeb;
    }
    body.page-account .account-metric:nth-child(n + 3) {
        border-bottom: none;
    }
    body.page-account .account-metric + .account-metric {
        border-left: none;
        border-top: none;
        margin-top: 0;
        padding-top: 12px;
    }
    body.page-account .account-metric__label {
        font-size: 12px;
        margin-bottom: 6px;
    }
    body.page-account .account-metric__value {
        font-size: 15px;
        word-break: break-all;
    }
    body.page-account .account-invite {
        margin-bottom: 16px;
    }
    body.page-account .account-invite__url {
        word-break: break-all;
        font-size: 12px;
    }
    body.page-account .account-actions__primary {
        display: block;
        width: 100%;
        text-align: center;
        padding: 12px 16px;
        font-size: 16px;
        box-sizing: border-box;
    }
    body.page-account .account-subpage {
        padding: 16px;
    }
    body.page-account .account-subpage__head {
        flex-direction: column;
        align-items: flex-start;
    }
    body.page-account .account-status-tip {
        font-size: 13px;
        line-height: 1.6;
    }
    body.page-account .account-pending-item {
        flex-wrap: wrap;
        gap: 8px;
    }
    body.page-account .ft {
        margin-top: 8px;
    }
    body.page-account .ft-inner {
        padding: 20px 12px 12px;
    }
    body.page-account .help_service {
        flex-direction: column;
        gap: 16px;
    }
    body.page-account .ft-helper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px 16px;
        flex: none;
        width: 100%;
    }
    body.page-account .ft-service {
        width: 100%;
    }
    body.page-account .ft-wap {
        display: none;
    }
    body.page-account .ft-address {
        padding: 0 8px;
        font-size: 10px;
        line-height: 1.5;
    }
    body.page-account .home2015-floatbar {
        display: block;
        right: 4px;
        width: 44px;
        border-radius: 10px;
        transform: translateY(-50%) scale(0.92);
        transform-origin: right center;
    }
    body.page-account .home2015-floatbar-item {
        width: 44px;
        height: 44px;
    }
    body.page-account .avatar-picker__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    body.page-account .panel {
        margin: 0;
    }
    body.page-account table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* —— 登录/注册页：手机端收紧，去掉底部大块空白 —— */
@media (max-width: 768px) {
    body.page-auth {
        min-width: 0;
    }
    body.page-auth .slider,
    body.page-auth .slider-new,
    body.page-auth .describe {
        display: none;
    }
    body.page-auth .bd {
        min-height: 0;
    }
    body.page-auth .products-page {
        padding: 16px 0 12px;
        min-height: 0;
    }
    body.page-auth .products-page > .hd-inner {
        width: 100%;
        max-width: 100%;
        padding: 0 12px;
        box-sizing: border-box;
    }
    body.page-auth .auth-page {
        max-width: 100%;
        margin: 0;
    }
    body.page-auth .auth-page .auth-layout {
        padding: 22px 18px 20px;
        border-radius: 10px;
        box-shadow: 0 1px 8px rgba(0, 0, 0, .06);
    }
    body.page-auth .auth-page-head {
        margin-bottom: 18px;
        padding-bottom: 14px;
    }
    body.page-auth .auth-page-title {
        font-size: 20px;
    }
    body.page-auth .auth-page .form-row {
        margin-bottom: 14px;
    }
    body.page-auth .auth-page .form-row input {
        width: 100%;
        font-size: 16px; /* 避免 iOS 聚焦自动放大 */
        padding: 10px 12px;
        box-sizing: border-box;
    }
    body.page-auth .auth-page .btn-block {
        padding: 12px 16px;
        font-size: 16px;
    }
    body.page-auth .ft {
        margin-top: 8px;
    }
}

/* —— 项目详情页：手机内容区铺满，两侧仅留少量边距；导航结构不变 —— */
@media (max-width: 768px) {
    body.page-product {
        min-width: 0;
        font-size: 14px;
    }
    body.page-product .hd-inner,
    body.page-product .ft-inner {
        width: 100%;
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
    }
    body.page-product .hd-nav .hd-inner {
        padding-left: 0;
        padding-right: 0;
    }
    body.page-product .hd-main-nav {
        float: none;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        height: 44px;
        scrollbar-width: none;
    }
    body.page-product .hd-main-nav::-webkit-scrollbar {
        display: none;
    }
    body.page-product .hd-nav {
        overflow: visible;
    }
    body.page-product .hd-nav.is-sub-open .hd-main-nav {
        overflow: visible;
    }
    body.page-product .h-m-n-item.has-sub {
        position: relative;
    }
    body.page-product .hd-sub-nav {
        display: none;
        position: absolute;
        top: 44px;
        left: 0;
        min-width: 140px;
        z-index: 300;
        background: #fff;
        border: 1px solid #eee;
        box-shadow: 0 2px 8px rgba(0,0,0,.12);
    }
    body.page-product .h-m-n-item.has-sub.is-open .hd-sub-nav {
        display: block;
    }
    body.page-product .h-m-n-item.has-sub:hover .hd-sub-nav {
        display: none;
    }
    body.page-product .h-m-n-item.has-sub.is-open:hover .hd-sub-nav {
        display: block;
    }
    body.page-product .h-m-n-link {
        padding: 0 14px;
        white-space: nowrap;
    }
    body.page-product .bd {
        min-height: 0;
    }
    body.page-product .products-page {
        padding: 12px 0 20px;
    }
    body.page-product .products-page > .hd-inner {
        width: 100%;
        max-width: 100%;
        padding: 0 8px;
        box-sizing: border-box;
    }
    body.page-product .product-detail-page {
        max-width: 100%;
        margin: 0;
        width: 100%;
    }
    body.page-product .product-detail-panel {
        padding: 14px 12px;
    }
    body.page-product .product-detail-table,
    body.page-product .product-detail-form,
    body.page-product .product-detail-alert,
    body.page-product .product-detail-action {
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
    }
    body.page-product .product-detail-table {
        width: 100%;
    }
    body.page-product .product-detail-table th,
    body.page-product .product-detail-table td {
        word-break: break-word;
    }
    body.page-product .product-detail-progress {
        min-width: 0;
        width: 100%;
    }
    body.page-product .product-detail-form .form-row input,
    body.page-product .invest-calculator input,
    body.page-product input[type="number"],
    body.page-product input[type="text"] {
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
        font-size: 16px;
    }
    body.page-product .invest-calculator {
        max-width: 100%;
        box-sizing: border-box;
    }
    body.page-product .invest-calculator-row input {
        max-width: 100%;
    }
    body.page-product .invest-calculator-result {
        flex-wrap: wrap;
        gap: 12px;
    }
    body.page-product .invest-calculator-item {
        min-width: 0;
        flex: 1 1 40%;
    }
    body.page-product .product-detail-action > .btn,
    body.page-product .product-detail-form .btn {
        width: 100%;
        box-sizing: border-box;
    }
    body.page-product .product-intro-body,
    body.page-product .product-detail-desc-body {
        font-size: 14px;
        line-height: 1.7;
    }
    body.page-product .ft {
        margin-top: 8px;
    }
    body.page-product .help_service {
        flex-direction: column;
        gap: 16px;
    }
    body.page-product .ft-helper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px 16px;
        flex: none;
        width: 100%;
    }
    body.page-product .ft-wap {
        display: none;
    }
    body.page-product .home2015-floatbar {
        right: 4px;
        width: 44px;
        transform: translateY(-50%) scale(0.92);
        transform-origin: right center;
    }
    body.page-product .home2015-floatbar-item {
        width: 44px;
        height: 44px;
    }
}
.account-subpage { padding: 28px 32px; }
.account-subpage__head {
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}
.inv-tabs {
    display: flex;
    gap: 8px;
}
.inv-tab {
    display: inline-block;
    padding: 5px 14px;
    border-radius: 20px;
    font-size: 13px;
    color: #666;
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    text-decoration: none;
    transition: background .2s, color .2s, border-color .2s;
}
.inv-tab:hover {
    background: #e8f0fe;
    color: #3b6fe0;
    border-color: #b3c9f7;
}
.inv-tab.is-active {
    background: #3b6fe0;
    color: #fff;
    border-color: #3b6fe0;
    font-weight: 600;
}
.account-subpage__title {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #333;
}
.account-subpage__intro {
    margin: 10px 0 0;
    font-size: 13px;
    color: #999;
    line-height: 1.6;
}
.account-subpage__section {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #f0f0f0;
}
.account-subpage__section-title {
    margin: 0 0 12px;
    font-size: 15px;
    font-weight: 600;
    color: #333;
}
.account-subpage__back {
    margin: 20px 0 0;
    font-size: 13px;
}
.account-subpage__back a { color: #666; }
.account-subpage__back a:hover { color: #e34b4b; }
.pager {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid #f0f0f0;
}
.pager__info {
    font-size: 13px;
    color: #999;
}
.pager__links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}
.pager__btn,
.pager__num {
    display: inline-block;
    min-width: 32px;
    padding: 6px 10px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background: #fff;
    color: #666;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
}
.pager__btn:hover,
.pager__num:hover {
    border-color: #e34b4b;
    color: #e34b4b;
}
.pager__num--cur {
    border-color: #e34b4b;
    background: #e34b4b;
    color: #fff;
    font-weight: 600;
}
.pager__btn--disabled {
    color: #ccc;
    background: #fafafa;
    cursor: default;
}
.pager__ellipsis {
    color: #bbb;
    padding: 0 2px;
    font-size: 13px;
}
.account-subpage .form-row input { max-width: 100%; box-sizing: border-box; }
.account-subpage .product-detail-form { max-width: 420px; }
@media (max-width: 640px) {
    .account-subpage { padding: 20px; }
}
.auth-page { max-width: 440px; margin: 0 auto; }
.auth-page .auth-layout {
    max-width: none;
    margin: 0;
    padding: 32px 36px 28px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 6px;
    box-shadow: 0 2px 12px rgba(0,0,0,.04);
}
.auth-page-head {
    text-align: center;
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
}
.auth-page-title {
    margin: 0 0 8px;
    font-size: 22px;
    font-weight: 700;
    color: #333;
}
.auth-page-subtitle {
    margin: 0;
    font-size: 13px;
    color: #999;
}
.auth-page .product-detail-form { margin-top: 0; }
.auth-page .form-row input {
    max-width: 100%;
    box-sizing: border-box;
}
.auth-page-link { margin: 16px 0 0; font-size: 13px; text-align: center; }
.auth-page-link a { color: #666; }
.auth-page-link a:hover { color: #e34b4b; }
.account-page .account-user-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 12px;
}
.account-page .account-user-row__badge { display: inline-flex; }
.product-detail-head { margin-bottom: 16px; }
.product-detail-subtitle { margin: 8px 0 0; font-size: 15px; color: #444; font-weight: normal; }
.product-detail-panel { padding: 24px; }
.product-detail-table { max-width: 520px; }
.product-detail-stats { margin-bottom: 0; }
.product-detail-progress {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 220px;
}
.product-detail-progress .js-progress-pct {
    min-width: 58px;
    color: #ef5a50;
    font-weight: bold;
}
.product-detail-progress-track {
    flex: 1;
    height: 8px;
    background: #f0f0f0;
    border-radius: 4px;
    overflow: hidden;
}
.product-detail-progress-fill {
    display: block;
    height: 100%;
    background: #ef5a50;
    border-radius: 4px;
}
.product-detail-desc { margin-top: 20px; padding-top: 16px; border-top: 1px solid #eee; }
.product-detail-desc h3 { margin: 0 0 10px; font-size: 16px; color: #222; }
.product-detail-desc-body { white-space: pre-wrap; color: #444; font-size: 15px; line-height: 1.7; }
.product-detail-intro { margin-top: 30px; padding-top: 20px; }
.product-intro-body { white-space: normal; }
.product-intro-body h4 { font-size: 18px; color: #222; margin: 0 0 18px; padding-bottom: 10px; border-bottom: 2px solid #e34b4b; }
.product-intro-body h5 { font-size: 16px; color: #e34b4b; margin: 22px 0 8px; padding-left: 8px; border-left: 3px solid #e34b4b; }
.product-intro-body p { margin: 8px 0 12px; }
.product-intro-body strong { color: #333; }
.product-detail-action {
    margin-top: 24px;
    padding: 20px 16px;
    border-top: 1px solid #eee;
    text-align: center;
    background: #f5f5f5;
    border-radius: 4px;
    scroll-margin-top: 80px;
}

.product-detail-alert { background: #fff7ed; border: 1px solid #fed7aa; color: #9a3412; padding: 12px 14px; border-radius: 4px; text-align: left; max-width: 480px; margin-left: auto; margin-right: auto; }
.product-detail-form-title { margin: 0 0 12px; font-size: 16px; color: #e34b4b; font-weight: 700; text-align: center; }
.product-detail-my-invest .product-detail-form-title { text-align: left; }
.product-detail-table tr.product-detail-my-invest-row > th {
    color: #e34b4b !important;
    font-weight: 700;
}
.product-detail-table tr.product-detail-my-invest-row > td {
    color: #333 !important;
    font-weight: 400;
}
.product-detail-matured {
    margin: 18px 0 0;
    text-align: center;
}
.product-detail-matured .alert {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
}
.product-detail-matured .muted {
    margin: 10px 0 0;
}
.product-detail-form {
    margin: 10px auto 0;
    max-width: 360px;
    text-align: left;
}
.product-detail-form .form-row input { max-width: 100%; box-sizing: border-box; }
.product-detail-form .btn { display: block; width: 100%; box-sizing: border-box; }
.product-detail-balance { color: #e34b4b; font-size: 12px; margin: 0 0 12px; text-align: center; }
.product-detail-balance.muted { color: #e34b4b; }
.product-detail-back { margin-top: 16px; font-size: 13px; }
.product-detail-back a { color: #666; }
.product-detail-back a:hover { color: #e34b4b; }
.product-detail-action > .btn { margin-left: auto; margin-right: auto; }
.product-detail-action .invest-countdown { display: inline-block; text-align: center; }
.product-detail-action .invest-countdown-start-wrap,
.product-detail-action .invest-countdown-timer-wrap { margin-left: 0; text-align: center; }

/* 投资收益计算器 */
.invest-calculator {
    margin-top: 22px;
    padding: 18px 18px 14px;
    border: 1px solid #f0d4d2;
    background: #fffaf8;
    border-radius: 4px;
}
.invest-calculator-title {
    margin: 0 0 8px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
}
.invest-calculator-meta {
    margin: 0 0 14px;
    font-size: 13px;
    color: #666;
}
.invest-calculator-meta strong { color: #ef5a50; font-weight: bold; }
.invest-calculator-bonus { color: #999; }
.invest-calculator-row { margin-bottom: 14px; }
.invest-calculator-row label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    color: #666;
}
.invest-calculator-row input {
    width: 100%;
    max-width: 320px;
    height: 38px;
    padding: 0 12px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 15px;
    outline: none;
    background: #fff;
}
.invest-calculator-row input:focus {
    border-color: #ef5a50;
    box-shadow: 0 0 0 2px rgba(239, 90, 80, 0.12);
}
.invest-calculator-result {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 28px;
    padding: 12px 0 4px;
}
.invest-calculator-item { min-width: 160px; }
.invest-calculator-label {
    display: block;
    margin-bottom: 4px;
    font-size: 12px;
    color: #999;
}
.invest-calculator-value {
    font-size: 22px;
    line-height: 1.2;
    color: #ef5a50;
    font-family: Arial, 'Microsoft YaHei', sans-serif;
}
.invest-calculator-value em {
    font-style: normal;
    font-size: 13px;
    color: #999;
    margin-left: 2px;
}
.invest-calculator-value--period { color: #e65100; }
.invest-calculator-value--total { color: #333; }
.invest-calculator-tip {
    margin: 10px 0 0;
    font-size: 12px;
    color: #aaa;
    line-height: 1.5;
}
.invest-calculator--page {
    margin-top: 20px;
}
.product-calc-actions {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.invest-calc-link {
    display: inline-block;
    margin-top: 10px;
    padding: 0;
    border: none;
    background: none;
    font-size: 14px;
    color: #3a8fd6;
    text-decoration: underline;
    cursor: pointer;
}
.invest-calc-link:hover {
    color: #ef5a50;
}
.invest-calc-link--featured {
    display: block;
    margin-top: 8px;
    clear: both;
}

/* 轮播 + 登录卡片 */
.slider.slider-new { position: relative; width: 100%; height: 300px; overflow: hidden; background: #282a41; }
.slider-stage { position: relative; width: 100%; height: 300px; overflow: hidden; }
.slider-img { position: relative; width: 100%; height: 300px; margin: 0; padding: 0; }
.indexSlide-item {
    position: absolute; top: 0; left: 0; width: 100%; height: 300px;
    opacity: 0; transition: opacity .6s; pointer-events: none;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: auto 100% !important;
}
.indexSlide-item.is-active { opacity: 1; pointer-events: auto; z-index: 1; }
.indexSlide-item a { display: block; width: 1100px; max-width: 100%; height: 100%; margin: 0 auto; overflow: hidden; }
.indexSlide-item img { visibility: hidden; }

.slider-login { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; pointer-events: none; }
.slider-login-zindex { width: 1100px; margin: 0 auto; position: relative; height: 100%; pointer-events: auto; }
.slider-login-bj {
    position: absolute; right: 0; top: 36px; width: 280px; height: 228px;
    background: rgba(255,255,255,.92); border-radius: 4px; box-shadow: 0 4px 20px rgba(0,0,0,.15);
}
.slider-login-module, .slider-login-module-succeed {
    position: absolute; right: 0; top: 36px; width: 280px; height: 228px; padding: 24px 25px; text-align: center; z-index: 2; box-sizing: border-box;
}
.slm-title, .slms-title { font-size: 14px; color: #666; margin-bottom: 10px; }
.slm-info { margin-bottom: 8px; }
.slm-info strong { font-size: 48px; color: #ef5a50; font-weight: normal; line-height: 1; }
.slm-info span { font-size: 24px; color: #ef5a50; }
.slm-content span { color: #ef5a50; }
.slm-other-btn, .slms-other-btn {
    display: block; width: 100%; height: 42px; line-height: 42px;
    background: #ef5a50; color: #fff !important; font-size: 16px; border-radius: 3px; margin-bottom: 10px;
}
.slm-other-btn:hover, .slms-other-btn:hover { background: #d94a40; }
.slm-other-btn-1, .slms-other-btn-1 { color: #ef5a50; font-size: 12px; }
.slm-content { font-size: 12px; color: #999; margin-bottom: 20px; line-height: 1.8; }
.slms-content { font-size: 13px; color: #666; margin: 15px 0 20px; }

.indexSlide_nav {
    position: absolute; top: 50%; transform: translateY(-50%); z-index: 20;
    width: 40px; height: 60px; line-height: 60px; text-align: center;
    background: rgba(0,0,0,.3); color: #fff; font-size: 32px; text-decoration: none;
}
.indexSlide_nav.prev { left: 0; }
.indexSlide_nav.next { right: 0; }
.indexSlide_nav:hover { background: rgba(0,0,0,.5); color: #fff; }
.indexSlide_tabs {
    position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); z-index: 20;
    display: flex; gap: 6px;
}
.indexSlide_tabs li a {
    display: block; width: 22px; height: 22px; line-height: 22px; text-align: center;
    background: rgba(255,255,255,.5); color: #666; font-size: 11px; border-radius: 2px;
}
.indexSlide_tabs li.indexSlide_here a,
.indexSlide_tabs li a:hover { background: #ef5a50; color: #fff; }

/* 新手引导 + 统计（左右并排，宽度与原站一致，避免窄屏媒体查询压窄后换行） */
.describe {
    margin: 0 auto;
    min-height: 91px;
    width: 1000px;
    border: 1px solid #eaeaea;
    border-top: none;
    background: #fafafa;
    box-sizing: border-box;
}
.describe-con {
    margin: 0 auto;
    padding-top: 16px;
    min-height: 65px;
    width: 978px;
    overflow: visible;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    box-sizing: border-box;
}
.describe-con::after { content: none; }
.describe-con > a {
    float: none;
    display: block;
    flex: 0 0 auto;
    flex-shrink: 0;
    color: #666;
    text-decoration: none;
}
.describe-con > a:hover { color: #666; opacity: .92; }
.describe-con .icon { display: block; }
.describe-con dl {
    position: relative;
    float: none;
    padding-left: 96px;
    min-height: 48px;
    height: auto;
    margin: 0;
    box-sizing: border-box;
}
.describe-freshman {
    width: 373px;
    border-right: 1px solid #e5e5e5;
    flex-shrink: 0;
}
.describe-statistics {
    width: 604px;
    flex-shrink: 0;
}
.describe-con dt {
    font-size: 16px;
    font-family: 'Microsoft YaHei', sans-serif;
    font-weight: bold;
    color: #666;
    line-height: 24px;
}
.describe-con dd {
    line-height: 30px;
    font-size: 12px;
    color: #666;
    margin: 0;
    padding: 0;
}
.describe-freshman dd {
    white-space: normal;
    line-height: 15px;
    max-width: 270px;
}
.describe-freshman-img,
.describe-freshman-img-1 {
    display: block;
    position: absolute;
    top: 0;
    background-image: url('../img/index_merge.png');
    background-repeat: no-repeat;
}
.describe-freshman-img {
    left: 13px;
    width: 62px;
    height: 48px;
    background-position: -47px -240px;
}
.describe-freshman-img-1 {
    left: 23px;
    width: 47px;
    height: 48px;
    background-position: 0 -240px;
}
.describe-statistics dd { overflow: visible; }
.describe-statistics ul { overflow: hidden; zoom: 1; }
.describe-statistics ul::after { content: ""; display: block; clear: both; }
.describe-statistics li {
    float: left;
    margin-right: 25px;
    line-height: 22px;
    font-size: 12px;
    color: #666;
    white-space: nowrap;
}
.describe-statistics li.mrn { margin-right: 0; }
.describe-statistics .fs-large {
    font-size: 24px;
    font-weight: 700;
    color: #666;
    vertical-align: baseline;
    margin: 0 2px;
}
.describe-statistics .fs-xx {
    font-size: 18px;
    color: #666;
    vertical-align: baseline;
}
.describe-statistics-note {
    margin: 4px 0 0;
    padding: 0;
    font-size: 12px;
    line-height: 18px;
    color: #666;
    text-align: right;
}

/* 省心计划 featured */
.invest-group {
    width: 1000px; margin: 20px auto 0; position: relative;
    border: 1px solid #f6a29c; background: #fef6ef; overflow: hidden;
}
.invest-group--secondary {
    margin-top: 12px;
}
.invest-group-banner {
    display: block; height: 71px; background-color: #f8d4cf;
    background-size: cover; background-position: center top;
    pointer-events: none;
}
.invest-group-con { position: relative; background: #fef6ef; height: 186px; }
.invest-group-title {
    padding: 22px 0 0 17px; height: 57px; overflow: hidden;
}
.igt-h1 {
    float: left; width: 143px; height: 35px;
    background: url('../img/index_merge.png') 0 -205px no-repeat;
    text-indent: -9999px; overflow: hidden;
    font-size: 0; line-height: 0; color: transparent;
}
.invest-group-title h2 {
    float: left; margin: 0; padding: 0 18px 0 13px;
    font-size: 20px; line-height: 35px; font-weight: normal;
    font-family: 'Microsoft YaHei', sans-serif; color: #444;
}
.invest-group-title h2 a { color: #444; }
.igt-h2 {
    float: left; margin-top: 3px; width: 126px; height: 27px;
    background: url('../img/index_merge.png') 0 -101px no-repeat;
    text-indent: -9999px; overflow: hidden;
    font-size: 0; line-height: 0; color: transparent;
}
.invest-group-title-name {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 30px;
    line-height: 35px;
    font-weight: bold;
    font-family: 'Microsoft YaHei', sans-serif;
    color: #ef5a50;
}
.invest-group-series-tag {
    float: left;
    margin-top: 6px;
    padding: 2px 10px;
    border: 1px solid #7eb8e8;
    border-radius: 2px;
    font-size: 14px;
    line-height: 20px;
    color: #3a8fd6;
    background: #f3f9ff;
    cursor: default;
    text-decoration: none;
}
.invest-group-detail {
    width: 970px; margin-left: 14px; overflow: hidden; position: relative;
}
.invest-group-attr { float: left; margin-top: 6px; text-align: left; min-height: 0; padding: 0; border: none; }
.invest-group-earnings { width: 281px; position: relative; }
.invest-group-month { width: 214px; position: relative; }
.invest-group-money { width: 244px; }
.invest-group-attr .iga-1,
.invest-group-attr .iga-2,
.invest-group-attr .iga-3 { float: left; }
.invest-group-attr .iga-1 { height: 87px; }
.invest-group-attr .iga-1-1,
.invest-group-attr .iga-1-2 {
    display: inline-block; vertical-align: bottom; line-height: 1;
}
.invest-group-attr .iga-1-1 {
    font-size: 64px; font-weight: bold; font-family: Arial, sans-serif;
}
.invest-group-attr .iga-1-2 {
    font-size: 20px; font-family: 'Microsoft YaHei', sans-serif; font-weight: bold;
}
.invest-group-earnings .iga-1 { color: #ef5a50; }
.invest-group-earnings .iga-1-1 { color: #ef5a50; }
.invest-group-earnings .iga-1-2 { font-family: Arial, sans-serif; font-size: 30px; margin-left: -3px; }
.invest-group-earnings .iga-3 {
    color: #ef5a50; margin: 43px 0 0 7px; float: left;
    font-size: 20px; font-weight: bold; font-family: 'Microsoft YaHei', sans-serif;
}
.invest-group-month .iga-1-1,
.invest-group-money .iga-1-1 { color: #333; }
.invest-group-month .iga-1-1--flex {
    font-size: 36px;
    font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
    letter-spacing: 2px;
    line-height: 87px;
}
.iga-2.tips {
    margin: 33px 0 0 3px; float: left; width: 54px; height: 28px; line-height: 28px;
    font-family: Arial, sans-serif; text-align: center; background: #ef5a50;
    border-radius: 2px; color: #fff; font-size: 20px; font-weight: bold;
    box-shadow: 1px 1px 1px rgba(162,162,162,.9); cursor: pointer; padding: 0;
}
.invest-group-attr p {
    float: left; width: 100%; clear: both; color: #555; margin: 0 0 0 4px;
    font-size: 13px; line-height: 1.6;
}
.invest-group-attr p.invest-group-attr-p {
    position: absolute; top: 87px; left: 0; width: 396px; margin-top: 0; clear: none;
}
.invest-group-attr-p a { color: #737373; text-decoration: none; }
.invest-group-attr-p a:hover { color: #e25353; }
.invest-group-btn { width: 190px; padding: 24px 0 0 34px; position: relative; min-width: 0; overflow: visible; }
.invest-group-btn-1, .invest-group-btn-1-gray {
    display: block; width: 185px; height: 40px; line-height: 40px;
    font-size: 18px; font-weight: bold; letter-spacing: 4px; text-align: center;
    border-radius: 0; margin-bottom: 0;
}
.invest-group-btn-1 {
    background: #ef5a50; color: #fff !important; border: none;
    box-shadow: 0 2px 1px rgba(200,200,200,.9);
}
.invest-group-btn-1:hover { background: #c03b37; color: #fff !important; }
.invest-group-btn-1-gray {
    height: 38px; line-height: 38px; background: #fff;
    color: #adadad !important; border: 1px solid #d4d4d4;
}
.invest-group-btn-1-gray:hover { background: #efefef; color: #e25353 !important; }

.invest-soldout-wrap {
    position: relative;
    width: 185px;
    overflow: visible;
    z-index: 2;
}
.soldout-stamp {
    position: absolute;
    pointer-events: none;
    z-index: 4;
    display: block;
    overflow: visible;
}
.soldout-stamp--home2015 {
    right: -12px;
    bottom: -22px;
    width: 77px;
    height: 77px;
}
.invest-group-btn .soldout-stamp--home2015 {
    right: -10px;
    bottom: -24px;
}

.invest-countdown-timer-wrap {
    display: none;
    width: 185px;
    margin-top: 10px;
}
.invest-countdown-timer-wrap.is-active {
    display: block;
}
.invest-countdown-clock {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    width: 100%;
}
.invest-countdown-digit {
    display: inline-block;
    width: 20px;
    min-width: 20px;
    height: 22px;
    padding: 0;
    border: 1px solid #d8d8d8;
    background: #fff;
    color: #ef5a50;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
}
.invest-countdown-colon {
    color: #ef5a50;
    font-size: 18px;
    font-weight: 700;
    padding: 0 2px;
    line-height: 22px;
}

.invest-countdown-start-wrap {
    display: none;
    width: 185px;
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
    color: #666;
}
.invest-countdown-start-wrap.is-active {
    display: block;
}
.invest-countdown-start-time {
    color: #ef5a50;
    font-weight: 700;
}

.invest-group-txt {
    margin-top: 22px;
    text-align: center;
    font-size: 14px;
    color: #666;
    clear: both;
    white-space: nowrap;
}
.invest-group-txt strong { color: #ef5a50; font-weight: normal; }

/* 产品分类行 - 1:1 对齐 2015 原站 */
.invest-case { width: 1000px; margin: 0 auto; }
.invest-case-con {
    width: 100%;
    max-width: 1000px;
    margin-bottom: 0;
    position: relative;
    display: flex;
    align-items: stretch;
    background: #fff;
}
.invest-case-con + .invest-case-con {
    border-top: 1px solid #f0f0f0;
}

.invest-case-info {
    float: none;
    flex: 0 0 136px;
    width: 136px;
    padding: 0 0 36px;
    position: relative;
    z-index: 2;
}
.invest-factoring .invest-case-info,
.invest-factoring .invest-case-info-top { background: #417ca9; }
.invest-invest .invest-case-info,
.invest-invest .invest-case-info-top { background: #e25353; }
.invest-art .invest-case-info,
.invest-art .invest-case-info-top { background: #aa95d5; }
.invest-lease .invest-case-info,
.invest-lease .invest-case-info-top { background: #fca352; }

.invest-case-info-top {
    height: 8px; line-height: 0; font-size: 0;
}

.invest-case-info-title { margin: 12px 0 0; padding: 0 0 0 12px; overflow: hidden; }
.invest-case-info-title h2 { float: left; font-size: 24px; font-weight: normal; line-height: 1.2; }
.invest-case-info-title h2 a { color: #fff; }
.invest-case-info-title span { float: left; font-size: 15px; color: #fff; margin: 6px 0 0 4px; }
.invest-case-info ul { padding: 12px 0 40px 12px; }
.invest-case-info li { font-size: 14px; color: #fff; line-height: 22px; }
.dian-style-1 { color: #fff; }

.invest-case-con-more {
    position: absolute; left: 14px; bottom: 8px; color: #fff; font-size: 14px; z-index: 3;
    white-space: nowrap;
}
.invest-case-con-more:hover { color: #fff; opacity: .88; }
.icon-more::after, .icon-more-1::after, .icon-more-4::after { content: " ›"; }

.invest-case-main { flex: 1; float: none; width: auto; min-width: 0; background: #fff; overflow: visible; }
.invest-case-detail-1 {
    width: 100%; min-height: 158px; background: #fff; padding: 0;
    border-bottom: 1px solid #f0f0f0; overflow: visible;
}
.invest-case-detail-1:last-child { border-bottom: none; }

.invest-case-detail-1 h2 {
    font-size: 24px; font-weight: normal; line-height: 37px;
    margin: 0 0 0 24px; padding: 10px 0 0; color: #333;
}
.invest-case-detail-1 h2 a { color: #333; }
.invest-case-detail-1 h2 a:hover { color: #ef5a50; }
.invest-case-detail-1 h2 em.tips {
    color: #ef5a50; font-style: normal; font-size: 24px; font-weight: normal;
}

.invest-case-detail-attr {
    float: left; width: 631px; margin-left: 24px; min-height: 84px; overflow: hidden;
}
.icda-1, .icda-2, .icda-5 {
    float: left; display: block; font-size: 14px; color: #666; line-height: 1.4;
}
.icda-1 { width: 235px; }
.icda-2 { width: 184px; }
.icda-5 { width: 175px; }
.icda-1 strong { font-size: 40px; color: #ef5a50; font-weight: normal; font-family: Arial, sans-serif; vertical-align: baseline; }
.icda-2 strong, .icda-5 strong { font-size: 40px; color: #333; font-weight: normal; font-family: Arial, sans-serif; }
.icda-1 span, .icda-2 span, .icda-5 span { font-size: 14px; color: #666; }
.icda-3, .icda-4 {
    float: left; display: block; font-size: 14px; color: #555; margin-top: 30px; line-height: 1.5;
}
.icda-3 { width: 235px; }
.icda-4 { width: 273px; }
.icda-4 a { color: #666; text-decoration: none; }
.icda-4 a:hover { color: #ef5a50; text-decoration: underline; }

.invest-case-detail-invest {
    float: left; width: 189px; padding-top: 17px; position: relative; min-height: 79px; overflow: visible; z-index: 2;
}
.invest-case-detail-invest .invest-group-btn-1,
.invest-case-detail-invest .invest-group-btn-1-gray {
    display: block; width: 185px; height: 40px; line-height: 40px;
    font-size: 18px; text-align: center; padding: 0; margin: 0; border-radius: 0;
}
.invest-case-detail-invest .invest-group-btn-1-gray {
    height: 38px; line-height: 38px; background: #fff; color: #adadad !important;
    border: 1px solid #d4d4d4;
}
.invest-case-detail-invest .invest-countdown {
    display: block;
    width: 185px;
}
.invest-case-detail-invest .invest-countdown-timer-wrap {
    width: 185px;
    margin-top: 10px;
    text-align: center;
}
.invest-case-progress {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    width: 189px;
    padding-top: 8px;
    line-height: 19.5px;
    color: #666;
    font-size: 14px;
}
.invest-case-progress .fl {
    float: none;
    flex-shrink: 0;
    font-size: 14px;
    color: #666;
}
.icp-progress {
    display: inline-block;
    flex: 1 1 auto;
    min-width: 48px;
    max-width: 71px;
    height: 10px;
    background: #dfdfdf;
    vertical-align: middle;
    margin: 0 4px;
    overflow: hidden;
}
.icp-width { display: block; height: 10px; background: #ef5a50; transition: width 1s linear; }
.invest-case-progress .fs-s.ffA {
    flex-shrink: 0;
    font-size: 13px;
    color: #666;
}
.invest-case-txt {
    display: block;
    width: auto;
    max-width: none;
    padding-top: 8px;
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    white-space: nowrap;
}
.invest-case-txt strong { color: #ef5a50; font-weight: normal; }

.invest-case-empty { padding: 48px 24px; text-align: center; min-height: 158px; }
.invest-case-empty-title { font-size: 24px; margin-bottom: 8px; }
.invest-case-empty-title a { color: #333; }
.invest-case-empty-sub { font-size: 14px; color: #666; }

/* 债权市场 */
.invest-case_1 { width: 1100px; margin: 0 auto 20px; background: #fff; border: 1px solid #eee; padding: 0 20px 20px; }
.invest-case-title_1 { padding: 15px 0; border-bottom: 2px solid #ef5a50; margin-bottom: 0; }
.invest-case-title_1 h2 { float: left; font-size: 18px; color: #333; }
.invest-case-title_1 a { float: right; color: #999; font-size: 12px; line-height: 28px; }
.invest-case-list_1 { padding: 0; }
.invest-case-item { border-bottom: 1px solid #f0f0f0; }
.invest-case-detail_1 { padding: 12px 0; display: flex; align-items: center; flex-wrap: wrap; gap: 15px; font-size: 12px; }
.invest-case-name { min-width: 120px; }
.invest-case-name a { color: #333; font-size: 14px; }
.invest-case-income em { color: #ef5a50; font-style: normal; font-size: 16px; }
.invest-case-deadline strong { color: #ef5a50; }
.invest-case-share b { color: #ef5a50; }
.invest-case-btn {
    margin-left: auto; padding: 6px 18px; background: #ef5a50; color: #fff !important; border-radius: 2px; font-size: 12px;
}
.invest-case-btn:hover { background: #d94a40; color: #fff !important; }
.invest-case-list_1-txt { padding: 20px 0; display: flex; align-items: center; gap: 20px; }
.invest-case-list_1-txt-con { flex: 1; }
.invest-case-list_1-txt-p1 { font-size: 12px; color: #666; margin-bottom: 8px; line-height: 1.8; }
.invest-case-list_1-txt-p1 a { color: #ef5a50; }
.invest-case-list_1-txt-p2 { font-size: 12px; color: #999; }

/* 新闻区 */
.website-news { background: #fff; border-top: 1px solid #eee; padding: 25px 0 30px; }
.website-news-content { width: 1100px; margin: 0 auto; display: flex; gap: 20px; }
.website-news-case { flex: 1; }
.website-news-notice { width: 260px; flex-shrink: 0; }
.w-n-c-title { border-bottom: 2px solid #ef5a50; padding-bottom: 8px; margin-bottom: 15px; }
.w-n-c-title h2 { float: left; font-size: 16px; }
.w-n-c-title a { float: right; font-size: 12px; color: #999; }
.w-n-c-list li { margin-bottom: 15px; }
.w-n-c-list li a { display: flex; gap: 12px; color: #333; }
.w-n-c-thumb {
    flex-shrink: 0; width: 80px; height: 60px; background: #eee center/cover;
    background-image: linear-gradient(135deg, #ddd, #bbb);
}
.w-n-c-list h3 { font-size: 14px; font-weight: normal; margin-bottom: 5px; line-height: 1.4; }
.w-n-c-list p { font-size: 12px; color: #999; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.notice-list li { border-bottom: 1px dashed #eee; }
.notice-list li a { display: block; padding: 8px 0; font-size: 12px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.notice-list li a:hover { color: #ef5a50; }

/* 合作机构 */
.partner-strip { background: #fafafa; border-top: 1px solid #eee; padding: 25px 0; }
.partner-inner { width: 1100px; margin: 0 auto; text-align: center; }
.partner-inner h2 { font-size: 16px; color: #333; margin-bottom: 20px; font-weight: normal; }
.partner-logos { display: flex; justify-content: center; flex-wrap: wrap; gap: 30px; margin-bottom: 15px; }
.partner-logos span {
    display: inline-block; padding: 12px 24px; background: #fff; border: 1px solid #eee;
    color: #999; font-size: 12px; min-width: 120px;
}
.partner-more a { color: #999; font-size: 12px; }
.partner-more a:hover { color: #ef5a50; }

/* 页脚 */
.ft { background: #2c2e3e; color: #999; margin-top: 0; }
.ft-inner { width: 1100px; margin: 0 auto; padding: 30px 0 20px; }
.help_service { display: flex; gap: 40px; }
.ft-helper { flex: 1; display: flex; gap: 30px; }
.ft-helper dl dt { margin-bottom: 12px; color: #fff; font-size: 14px; font-weight: 700; }
.ft-helper dl dt a { color: #fff; font-size: 14px; font-weight: 700; }
.ft-helper dl dd a { display: block; font-size: 12px; color: #999; line-height: 2.2; }
.ft-helper dl dd a:hover { color: #ef5a50; }
.ft-service strong { color: #ef5a50; font-size: 22px; display: block; margin: 10px 0 5px; }
.ft-service dt a { color: #fff; font-size: 14px; }
.ft-service p { font-size: 11px; line-height: 1.6; }
.ft-wap { margin-top: 20px; padding-top: 15px; border-top: 1px solid #3d4054; }
.mobile-client li { display: inline-block; margin-right: 20px; }
.mobile-client a { color: #999; font-size: 12px; }
.ft-record { background: #252736; padding: 15px 0; text-align: center; }
.ft-approve { margin-bottom: 10px; }
.approve-badge {
    display: inline-block; padding: 4px 12px; border: 1px solid #444; color: #777;
    font-size: 11px; margin: 0 5px; border-radius: 2px;
}
.ft-copy { font-size: 11px; color: #666; line-height: 1.8; }
.ft-copy a { color: #666; }
.ft-address {
    margin: 4px 0 0;
    padding: 0 12px;
    font-size: 11px;
    color: #666;
    line-height: 1.7;
}
.ft-risk { font-size: 11px; color: #555; margin-top: 5px; }

/* 右侧浮动工具栏 */
.home2015-floatbar {
    position: fixed; right: 8px; top: 50%; transform: translateY(-50%); z-index: 999;
    width: 56px; background: #fff; border: 1px solid #e8e8e8; border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0,0,0,.08); overflow: hidden;
}
.home2015-floatbar-item {
    display: flex; align-items: center; justify-content: center;
    width: 56px; height: 56px; text-align: center;
    border-bottom: 1px solid #f0f0f0; color: #666; position: relative;
    text-decoration: none; transition: background .15s ease;
}
.home2015-floatbar-item:last-child { border-bottom: none; }
.home2015-floatbar-item:hover { background: #fafafa; }
.home2015-floatbar .ico {
    display: block; width: 34px; height: 34px;
    background: url('../img/home2015-float.svg?v=4') no-repeat;
    background-size: 102px 34px;
}
.home2015-floatbar .ico-cs1 { background-position: 0 0; }
.home2015-floatbar .ico-cs2 { background-position: -34px 0; }
.home2015-floatbar .ico-cs3,
.home2015-floatbar .ico-cs-bot { background-position: -68px 0; }
.home2015-floatbar-item:hover .ico { transform: scale(1.06); }
.home2015-floatbar-tip {
    position: absolute; right: 64px; top: 50%; transform: translateY(-50%);
    white-space: nowrap; padding: 7px 12px; border-radius: 4px;
    background: #333; color: #fff; font-size: 12px; font-style: normal;
    line-height: 1.2; opacity: 0; visibility: hidden; pointer-events: none;
    transition: opacity .15s ease;
}
.home2015-floatbar-tip::after {
    content: ''; position: absolute; right: -5px; top: 50%; margin-top: -5px;
    border: 5px solid transparent; border-left-color: #333;
}
.home2015-floatbar-item:hover .home2015-floatbar-tip { opacity: 1; visibility: visible; }

/* 关于我们 */
.about-page { padding-bottom: 48px; }
.about-inner {
    max-width: 860px;
    margin: 0 auto;
    padding: 8px 0 24px;
}
.about-hero {
    text-align: center;
    margin: 12px 0 28px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.about-hero h1 {
    margin: 0;
    font-size: 28px;
    color: #333;
    font-weight: 700;
}
.about-hero-sub {
    margin: 10px 0 0;
    font-size: 14px;
    color: #e34b4b;
}
.about-section {
    margin-bottom: 28px;
}
.about-section h2 {
    margin: 0 0 14px;
    font-size: 18px;
    color: #333;
    font-weight: 700;
    padding-left: 10px;
    border-left: 3px solid #e34b4b;
}
.about-section p {
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 1.9;
    color: #555;
}
.about-section a {
    color: #e34b4b;
}
.about-feature-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.about-feature-list li {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 14px 16px;
    margin-bottom: 10px;
    background: #fafafa;
    border: 1px solid #f0f0f0;
}
.about-feature-list li strong {
    flex: 0 0 88px;
    color: #e34b4b;
    font-size: 14px;
}
.about-feature-list li span {
    flex: 1;
    font-size: 14px;
    line-height: 1.7;
    color: #555;
}
.about-partners {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.about-partners span {
    display: inline-block;
    padding: 8px 14px;
    background: #fff;
    border: 1px solid #e8e8e8;
    color: #666;
    font-size: 13px;
}
.about-section--contact p {
    margin-bottom: 8px;
}
.about-link-btn {
    display: inline-block;
    margin: 12px 10px 0 0;
    padding: 8px 18px;
    background: #e34b4b;
    color: #fff !important;
    border-radius: 2px;
    font-size: 13px;
    text-decoration: none;
}
.about-link-btn:hover { background: #d43d3d; }
.about-link-btn--outline {
    background: #fff;
    color: #e34b4b !important;
    border: 1px solid #e34b4b;
}
.about-link-btn--outline:hover { background: #fff5f5; }
.about-risk {
    margin-top: 8px;
    padding-top: 16px;
    border-top: 1px solid #eee;
    font-size: 12px;
    color: #999;
    text-align: center;
}

/* 安全保障 */
.security-page .about-hero { text-align: left; }
.security-hero-desc {
    margin: 14px 0 0;
    font-size: 14px;
    line-height: 1.9;
    color: #666;
    text-align: left;
}
.security-section-intro {
    margin: 0 0 14px;
    font-size: 14px;
    line-height: 1.8;
    color: #777;
}
.security-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.security-card {
    padding: 18px 16px;
    background: #fff;
    border: 1px solid #f0d4d2;
    border-radius: 4px;
}
.security-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-bottom: 10px;
    border-radius: 50%;
    background: #e34b4b;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
.security-card h3 {
    margin: 0 0 8px;
    font-size: 16px;
    color: #333;
}
.security-card p {
    margin: 0;
    font-size: 13px;
    line-height: 1.75;
    color: #666;
}
.security-guarantor-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.security-guarantor-list li {
    padding: 14px 16px;
    margin-bottom: 10px;
    background: #fafafa;
    border: 1px solid #f0f0f0;
}
.security-guarantor-list li strong {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    color: #e34b4b;
}
.security-guarantor-list li span {
    display: block;
    font-size: 13px;
    line-height: 1.75;
    color: #555;
}
.security-steps {
    list-style: none;
    margin: 0;
    padding: 0;
}
.security-steps li {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 0 0 18px 0;
    position: relative;
}
.security-steps li:not(:last-child)::after {
    content: '';
    position: absolute;
    left: 15px;
    top: 32px;
    bottom: 0;
    width: 2px;
    background: #f0d4d2;
}
.security-steps__num {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    background: #e34b4b;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    z-index: 1;
}
.security-steps__body {
    flex: 1;
    padding-top: 2px;
}
.security-steps__body strong {
    display: block;
    margin-bottom: 4px;
    font-size: 15px;
    color: #333;
}
.security-steps__body p {
    margin: 0;
    font-size: 13px;
    line-height: 1.75;
    color: #666;
}
.security-bullet-list {
    margin: 0;
    padding-left: 0;
    list-style-position: inside;
    color: #555;
    font-size: 14px;
    line-height: 1.9;
}
.security-bullet-list li { margin-bottom: 6px; }

@media (max-width: 640px) {
    .security-grid { grid-template-columns: 1fr; }
}

.guide-page .guide-intro p {
    margin: 0;
    font-size: 14px;
    line-height: 1.9;
    color: #555;
}
.guide-toc {
    margin-bottom: 28px;
    padding: 18px 20px;
    background: #fafafa;
    border: 1px solid #f0f0f0;
}
.guide-toc h2 {
    margin: 0 0 12px;
    font-size: 16px;
    color: #333;
    border-left: 3px solid #e34b4b;
    padding-left: 10px;
}
.guide-toc ol {
    margin: 0;
    padding-left: 22px;
}
.guide-toc li {
    margin: 8px 0;
    line-height: 1.6;
}
.guide-toc a {
    color: #666;
    text-decoration: none;
}
.guide-toc a:hover {
    color: #e34b4b;
}
.guide-section {
    scroll-margin-top: 80px;
}
.guide-exchange-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.guide-card {
    padding: 16px;
    background: #fff;
    border: 1px solid #eee;
}
.guide-card h3 {
    margin: 0 0 12px;
    font-size: 16px;
    color: #e34b4b;
}
.guide-card p {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1.85;
    color: #555;
}
.guide-card a {
    color: #e34b4b;
    word-break: break-all;
}
.guide-steps {
    margin: 0;
    padding-left: 20px;
    color: #555;
    font-size: 14px;
    line-height: 1.85;
}
.guide-steps li {
    margin-bottom: 8px;
}
.guide-steps--block {
    padding-left: 22px;
}
.guide-note {
    margin: 14px 0 0;
    padding: 12px 14px;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    color: #9a3412;
    font-size: 13px;
    line-height: 1.7;
}
.guide-highlight {
    margin-top: 16px;
    padding: 16px 18px;
    background: linear-gradient(135deg, #fff5f5 0%, #fff 100%);
    border: 2px solid #e34b4b;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(227, 75, 75, 0.12);
}
.guide-highlight__label {
    display: inline-block;
    margin-bottom: 8px;
    padding: 4px 10px;
    background: #e34b4b;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    border-radius: 2px;
    letter-spacing: 0.04em;
}
.guide-highlight p {
    margin: 0;
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    font-weight: 600;
}
@media (max-width: 900px) {
    .guide-exchange-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .about-feature-list li {
        flex-direction: column;
        gap: 6px;
    }
    .about-feature-list li strong { flex: none; }
    .hd-brand { gap: 10px; }
    .hd-brand-mark { width: 38px; height: 38px; line-height: 38px; font-size: 18px; border-radius: 10px; }
    .hd-brand-mark-img { width: 38px; height: 38px; border-radius: 10px; }
    .hd-brand-name { font-size: 24px; }
    .hd-brand-slogan { display: none; }
    .hd-brand-domain { letter-spacing: 1px; }
}


@media (min-width: 1100px) and (max-width: 1140px) {
    .hd-inner, .invest-group, .invest-case, .invest-case_1,
    .website-news-content, .partner-inner, .ft-inner, .slider-login-zindex { width: 96%; }
    .invest-group-detail { width: auto; margin-left: 0; }
}

/* 合规运营 / 平台数据统计页 */
.stats-page .stats-inner {
    max-width: 980px;
    margin: 0 auto;
    padding: 28px 0 48px;
}
.stats-compliance {
    background: #fff;
    border: 1px solid #eee;
    padding: 32px 36px 40px;
}
.stats-compliance-head {
    position: relative;
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
}
.stats-compliance-title {
    display: inline-block;
    margin: 0;
    padding: 0 0 8px;
    font-size: 22px;
    font-weight: 700;
    color: #333;
    border-bottom: 3px solid #f5c842;
    line-height: 1.2;
}
.stats-compliance-more {
    position: absolute;
    top: 4px;
    right: 0;
    font-size: 13px;
    color: #999;
    text-decoration: none;
}
.stats-compliance-more:hover {
    color: #e34b4b;
}
.stats-compliance-desc {
    margin: 0 0 36px;
    font-size: 14px;
    line-height: 2;
    color: #666;
    text-align: justify;
}
.stats-counter-grid {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    text-align: center;
}
.stats-counter-item {
    flex: 1;
    min-width: 0;
}
.stats-counter-value {
    margin-bottom: 10px;
    line-height: 1;
    white-space: nowrap;
}
.stats-counter-num {
    font-size: 42px;
    font-weight: 700;
    color: #e34b4b;
    font-family: Arial, 'Helvetica Neue', sans-serif;
    letter-spacing: -1px;
}
.stats-counter-unit {
    margin-left: 4px;
    font-size: 18px;
    color: #e34b4b;
    font-weight: 700;
    vertical-align: baseline;
}
.stats-counter-label {
    margin: 0;
    font-size: 14px;
    color: #999;
}
@media (max-width: 768px) {
    .stats-compliance {
        padding: 24px 18px 28px;
    }
    .stats-counter-grid {
        flex-direction: column;
        gap: 28px;
    }
    .stats-counter-num {
        font-size: 34px;
    }
}

/* stats.php 手机真实宽度 */
@media (max-width: 768px) {
    body.page-stats .products-page.stats-page {
        padding: 12px 0 20px;
    }
    body.page-stats .stats-page .stats-inner {
        max-width: 100%;
        padding: 0 0 24px;
    }
    body.page-stats .stats-compliance {
        padding: 18px 14px 22px;
        border-radius: 8px;
        box-sizing: border-box;
    }
    body.page-stats .stats-compliance-head {
        margin-bottom: 14px;
        padding-bottom: 10px;
        padding-right: 72px;
    }
    body.page-stats .stats-compliance-title {
        font-size: 18px;
        padding-bottom: 6px;
        border-bottom-width: 2px;
    }
    body.page-stats .stats-compliance-more {
        top: 2px;
        font-size: 12px;
    }
    body.page-stats .stats-compliance-desc {
        margin: 0 0 22px;
        font-size: 13px;
        line-height: 1.8;
    }
    body.page-stats .stats-counter-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
    }
    body.page-stats .stats-counter-item {
        padding: 14px 12px;
        background: #fafafa;
        border: 1px solid #f0f0f0;
        border-radius: 8px;
    }
    body.page-stats .stats-counter-value {
        margin-bottom: 6px;
    }
    body.page-stats .stats-counter-num {
        font-size: 32px;
        letter-spacing: -0.5px;
    }
    body.page-stats .stats-counter-unit {
        font-size: 15px;
    }
    body.page-stats .stats-counter-label {
        font-size: 13px;
    }
    body.page-stats .home2015-floatbar {
        display: none;
    }
}

/* 数字框：去掉上下箭头；滚轮改值由 no-number-wheel.js 拦截 */
input[type="number"] {
    -moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}