@charset "UTF-8";
/* ============================================================
   UI Refresh — 仅作用于「首页 / 我的」两页
   作用域: body.page-home / body.page-me
   说明: 只覆盖视觉表现，不改变任何 DOM 语义、链接与 JS 钩子
   ============================================================ */

.page-home, .page-me {
    --bg:        #070B16;
    --bg-2:      #0B1224;
    --card:      rgba(255, 255, 255, .048);
    --card-2:    rgba(255, 255, 255, .075);
    --line:      rgba(255, 255, 255, .085);
    --line-2:    rgba(255, 255, 255, .14);
    --text:      #EAF0FF;
    --text-2:    #C3CFE8;
    --muted:     #8695B6;
    --accent:    #38E1BE;
    --accent-2:  #2BB9F0;
    --indigo:    #6E8BFF;
    --up:        #FF5568;
    --down:      #20C58C;
    --radius:    .18rem;
    font-family: "PingFang SC", "HarmonyOS Sans SC", "Hiragino Sans GB", "Microsoft YaHei",
                 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background:
        radial-gradient(120% 55% at 8% -8%, rgba(56, 225, 190, .13) 0%, rgba(7, 11, 22, 0) 62%),
        radial-gradient(95% 48% at 98% 2%, rgba(110, 139, 255, .16) 0%, rgba(7, 11, 22, 0) 60%),
        var(--bg);
    background-attachment: fixed;
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-bottom: .1rem;
    overflow-x: hidden;
}

.page-home *,
.page-me * { -webkit-tap-highlight-color: transparent; }

.page-home img,
.page-me img { max-width: 100%; }

/* ---------- 通用隐藏式图标定义容器 ---------- */
.ui-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }

/* ---------- 顶部栏 ---------- */
.page-home .home-hd {
    position: sticky;
    top: 0;
    z-index: 900;
    display: flex;
    align-items: center;
    gap: .1rem;
    height: .58rem;
    padding: 0 .16rem;
    background: linear-gradient(180deg, rgba(7, 11, 22, .96) 30%, rgba(7, 11, 22, .72) 100%);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(255, 255, 255, .055);
}

.page-home .brand { display: flex; align-items: center; gap: .09rem; min-width: 0; }

.page-home .brand-mark {
    width: .32rem; height: .32rem;
    flex: none;
    border-radius: .105rem;
    display: flex; align-items: center; justify-content: center;
    background: linear-gradient(140deg, var(--accent) 0%, var(--accent-2) 52%, var(--indigo) 100%);
    box-shadow: 0 .04rem .16rem rgba(56, 225, 190, .28);
    color: #04121A;
}
.page-home .brand-mark svg { width: .19rem; height: .19rem; }

.page-home .brand-txt { display: flex; flex-direction: column; min-width: 0; }
.page-home .brand-txt b {
    font-size: .155rem; font-weight: 700; letter-spacing: .02em; line-height: 1.1;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.page-home .brand-txt small {
    font-size: .085rem; color: var(--muted);
    letter-spacing: .18em; text-transform: uppercase; margin-top: .02rem;
}

.page-home .user-chip {
    margin-left: auto;
    display: flex; align-items: center; gap: .06rem;
    padding: .045rem .11rem .045rem .05rem;
    border-radius: 99px;
    background: var(--card);
    border: 1px solid var(--line);
    color: var(--text) !important;
    font-size: .11rem;
    max-width: 1.5rem;
}
.page-home .user-chip .ava {
    width: .23rem; height: .23rem; flex: none;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: linear-gradient(140deg, var(--accent), var(--indigo));
    color: #04121A; font-size: .105rem; font-weight: 700;
}
.page-home .user-chip span {
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
    color: var(--text-2) !important;
}

/* ---------- 首屏 banner ---------- */
.page-home .hero {
    position: relative;
    /* Swiper 会写入内联宽度，这里强制回到容器宽度，避免横向溢出 */
    width: auto !important;
    max-width: calc(100% - .32rem);
    margin: .13rem .16rem 0;
    border-radius: .2rem;
    overflow: hidden;
    box-shadow: 0 .14rem .38rem rgba(0, 0, 0, .5);
    border: 1px solid rgba(255, 255, 255, .07);
}
.page-home .hero .swiper-wrapper { height: 100%; }
.page-home .hero .swiper-slide {
    position: relative;
    background: #0A1120;
    height: auto;
}
.page-home .hero .swiper-slide a { display: block; position: relative; }
.page-home .hero img {
    display: block;
    width: 100%;
    height: 1.66rem;
    object-fit: cover;
    object-position: right center;
}
.page-home .hero .cap {
    position: absolute;
    inset: 0;
    display: flex; flex-direction: column; justify-content: center;
    padding: 0 .18rem;
    background: linear-gradient(96deg, rgba(5, 9, 18, .9) 0%, rgba(5, 9, 18, .55) 48%, rgba(5, 9, 18, 0) 82%);
    pointer-events: none;
}
.page-home .hero .cap em {
    font-size: .085rem; letter-spacing: .2em; text-transform: uppercase;
    color: var(--accent); font-weight: 600;
}
.page-home .hero .cap h2 {
    font-size: .2rem; font-weight: 700; line-height: 1.22;
    margin: .05rem 0 .03rem; color: #FFFFFF;
    letter-spacing: .005em;
}
.page-home .hero .cap p {
    font-size: .1rem; color: #A9B8D6; line-height: 1.5; max-width: 62%;
}
.page-home .hero .swiper-pagination { bottom: .07rem; }
.page-home .hero .swiper-pagination-bullet {
    width: .1rem; height: .035rem; border-radius: 99px;
    background: rgba(255, 255, 255, .32); opacity: 1;
    margin: 0 .025rem !important;
    transition: all .25s ease;
}
.page-home .hero .swiper-pagination-bullet-active {
    width: .22rem;
    background: linear-gradient(90deg, var(--accent), var(--accent-2));
}

/* ---------- 快捷入口 ---------- */
.page-home .quick {
    display: flex; gap: .1rem;
    margin: .14rem .16rem 0;
}
.page-home .quick li { flex: 1; }
.page-home .quick a {
    display: flex; flex-direction: column; align-items: center; gap: .07rem;
    padding: .14rem .06rem .12rem;
    border-radius: .16rem;
    background: var(--card);
    border: 1px solid var(--line);
    color: var(--text) !important;
    transition: transform .18s ease, background .18s ease;
}
.page-home .quick a:active { transform: scale(.97); background: var(--card-2); }
.page-home .quick .qi {
    width: .38rem; height: .38rem;
    border-radius: .13rem;
    display: flex; align-items: center; justify-content: center;
    background: rgba(56, 225, 190, .1);
    color: var(--accent);
    border: 1px solid rgba(56, 225, 190, .16);
}
.page-home .quick li:nth-child(2) .qi {
    background: rgba(110, 139, 255, .12);
    color: #93A9FF;
    border-color: rgba(110, 139, 255, .18);
}
.page-home .quick li:nth-child(3) .qi {
    background: rgba(43, 185, 240, .12);
    color: #6FD3F5;
    border-color: rgba(43, 185, 240, .18);
}
.page-home .quick .qi svg { width: .2rem; height: .2rem; }
.page-home .quick p {
    font-size: .11rem;
    color: var(--text-2) !important;
    letter-spacing: .01em;
}

/* ---------- 段落标题 ---------- */
.page-home .sec {
    display: flex; align-items: baseline; justify-content: space-between;
    margin: .2rem .16rem .11rem;
}
.page-home .sec h3 {
    font-size: .165rem; font-weight: 700; letter-spacing: .01em;
    color: var(--text);
    position: relative;
    padding-left: .12rem;
}
.page-home .sec h3::before {
    content: "";
    position: absolute; left: 0; top: 50%;
    width: .045rem; height: .15rem;
    margin-top: -.075rem;
    border-radius: 99px;
    background: linear-gradient(180deg, var(--accent), var(--accent-2));
}
.page-home .sec .live {
    display: flex; align-items: center; gap: .05rem;
    font-size: .1rem; color: var(--muted);
}
.page-home .sec .live i {
    width: .055rem; height: .055rem; border-radius: 50%;
    background: var(--accent);
    box-shadow: 0 0 0 .028rem rgba(56, 225, 190, .18);
    animation: uiPulse 1.7s ease-in-out infinite;
}
@keyframes uiPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%      { opacity: .45; transform: scale(.82); }
}

/* ---------- 行情卡片 ---------- */
.page-home .index-hot { padding: 0; background: transparent; }
.page-home #pro {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .1rem;
    padding: 0 .16rem;
    background: transparent;
    overflow: visible;
}
.page-home #pro li {
    width: auto;
    height: auto;
    float: none;
    max-width: none;
    padding: .13rem .13rem .12rem;
    text-align: left;
    white-space: normal;
    overflow: visible;
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: .16rem;
    transition: background .18s ease, transform .18s ease;
}
.page-home #pro li:active { background: var(--card-2); transform: scale(.985); }
.page-home #pro li a { display: block; width: 100%; height: auto; }
.page-home #pro em { display: block; }
.page-home #pro .col-1 {
    font-size: .125rem !important;
    font-weight: 600;
    color: var(--text) !important;
    letter-spacing: .01em;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
    line-height: 1.3;
}
.page-home #pro .ri {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .05rem;
    margin-top: .1rem;
    height: auto;
}
.page-home #pro .ri p { margin: 0; }
.page-home #pro .ri p:first-child {
    font-size: .175rem;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -.015em;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
    color: var(--up);
    font-family: "DIN Alternate", "Bahnschrift", "Segoe UI", var(--f, sans-serif);
    white-space: nowrap;
}
.page-home #pro .ri p:last-child {
    flex: none;
    width: auto;
    margin-left: auto;
    font-size: .1rem;
    font-weight: 600;
    line-height: 1;
    padding: .035rem .06rem;
    border-radius: .07rem;
    background: rgba(255, 85, 104, .13);
    color: var(--up);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
/* 下跌（原有逻辑给 .ri 加 active） */
.page-home #pro .ri.active p:first-child { color: var(--down); }
.page-home #pro .ri.active p:last-child {
    background: rgba(32, 197, 140, .13);
    color: var(--down);
}
/* 停市 */
.page-home #pro .ri.active3 p:first-child { color: var(--muted); font-size: .15rem; }
.page-home #pro .ri.active3 p:last-child {
    background: rgba(255, 255, 255, .06);
    color: var(--muted);
}

/* ---------- 提示条 / 底部说明 ---------- */
.page-home .notice-line {
    display: flex; align-items: center; gap: .07rem;
    margin: .16rem .16rem 0;
    padding: .1rem .12rem;
    border-radius: .12rem;
    background: linear-gradient(96deg, rgba(56, 225, 190, .09), rgba(110, 139, 255, .06));
    border: 1px solid rgba(56, 225, 190, .15);
    font-size: .1rem;
    line-height: 1.5;
    color: #9FB0CE;
}
.page-home .notice-line svg { width: .15rem; height: .15rem; flex: none; color: var(--accent); }

.page-home .index-bot-btns { padding: .14rem .16rem .26rem; }
.page-home .index-bot-btns p {
    font-size: .095rem;
    line-height: 1.6;
    color: #7A88A5;
    text-align: center;
}
.page-home .index-bot-btns font { color: inherit !important; }

/* ---------- 浮动 CTA ---------- */
.page-home .reg-button {
    position: fixed;
    right: .16rem;
    bottom: calc(.54rem + .1rem + env(safe-area-inset-bottom, 0px));
    z-index: 999;
    margin: 0;
    padding: 0;
    background: none;
    height: auto;
    line-height: 1;
    display: block;
}
.page-home .reg-button a {
    display: flex; align-items: center; gap: .06rem;
    padding: .105rem .16rem;
    border-radius: 99px;
    background: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);
    color: #04121A !important;
    font-size: .13rem;
    font-weight: 700;
    letter-spacing: .01em;
    box-shadow: 0 .09rem .26rem rgba(56, 225, 190, .34);
}
.page-home .reg-button a::after {
    content: "";
    width: .12rem; height: .12rem;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
}
.page-home .register-box {
    position: fixed;
    left: .16rem; right: 1.44rem;
    bottom: calc(.54rem + .1rem + env(safe-area-inset-bottom, 0px));
    z-index: 998;
    height: auto;
    line-height: 1.4;
    opacity: 1;
    background: rgba(14, 21, 38, .9);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border: 1px solid var(--line);
    border-radius: .14rem;
    padding: .09rem .12rem;
    display: flex; align-items: center; gap: .08rem;
}
.page-home .register-box .close-reg {
    float: none;
    margin: 0;
    width: .16rem; height: .16rem;
    line-height: .15rem;
    flex: none;
    background: rgba(255, 255, 255, .1);
    color: var(--muted);
    font-size: .1rem;
    border-radius: 50%;
    text-align: center;
}
.page-home .register-box .reg-msg {
    margin: 0;
    font-size: .1rem;
    color: var(--text-2);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}
.page-home .register-box .reg-msg:empty::before {
    content: "完成开户即可开始交易，行情实时更新";
}

/* ---------- 我的 ---------- */
.page-me .me-wrap { padding: .14rem .16rem 0; }

.page-me .me-hero {
    position: relative;
    border-radius: .22rem;
    padding: .18rem .17rem .16rem;
    background:
        radial-gradient(120% 90% at 100% 0%, rgba(110, 139, 255, .22) 0%, rgba(11, 18, 36, 0) 58%),
        linear-gradient(150deg, #14233F 0%, #0C1729 52%, #0A1220 100%);
    border: 1px solid rgba(255, 255, 255, .09);
    overflow: hidden;
    box-shadow: 0 .16rem .4rem rgba(0, 0, 0, .42);
}
.page-me .me-hero::after {
    content: "";
    position: absolute;
    right: -.4rem; top: -.5rem;
    width: 1.5rem; height: 1.5rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(56, 225, 190, .16) 0%, rgba(56, 225, 190, 0) 65%);
    pointer-events: none;
}
.page-me .me-top { display: flex; align-items: center; gap: .12rem; position: relative; z-index: 2; }
.page-me .me-ava {
    width: .54rem; height: .54rem;
    flex: none;
    padding: .022rem;
    border-radius: 50%;
    background: linear-gradient(140deg, var(--accent), var(--accent-2) 55%, var(--indigo));
    box-shadow: 0 .05rem .18rem rgba(56, 225, 190, .28);
}
.page-me .me-ava img {
    width: 100%; height: 100%;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    background: #0B1224;
}
.page-me .me-id { display: flex; flex-direction: column; gap: .04rem; min-width: 0; }
.page-me .me-name {
    font-size: .175rem; font-weight: 700; letter-spacing: .01em;
    color: #FFFFFF;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.page-me .me-tag {
    display: inline-flex; align-items: center; gap: .04rem;
    font-size: .092rem;
    color: #9FB0CE;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.page-me .me-tag::before {
    content: "";
    width: .05rem; height: .05rem; border-radius: 50%;
    background: var(--accent);
    box-shadow: 0 0 0 .025rem rgba(56, 225, 190, .18);
}

.page-me .bal {
    position: relative; z-index: 2;
    margin-top: .17rem;
    padding: .14rem .14rem .13rem;
    border-radius: .16rem;
    background: rgba(255, 255, 255, .045);
    border: 1px solid rgba(255, 255, 255, .08);
}
.page-me .bal .lbl {
    display: flex; align-items: center; gap: .05rem;
    font-size: .1rem;
    color: #93A3C2 !important;
    letter-spacing: .02em;
}
.page-me .bal .lbl::before {
    content: "";
    width: .14rem; height: .14rem;
    background: currentColor;
    opacity: .55;
    -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='13' rx='3'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='13' rx='3'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E") center/contain no-repeat;
}
.page-me .bal .num {
    display: flex; align-items: baseline; gap: .04rem;
    margin-top: .07rem;
    font-family: "DIN Alternate", "Bahnschrift", "Segoe UI", sans-serif;
    font-size: .3rem; font-weight: 700; line-height: 1.05;
    letter-spacing: -.02em;
    color: #FFFFFF;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
}
.page-me .bal .num em {
    font-family: inherit;
    font-size: .29rem;
    font-weight: 700;
    color: #FFFFFF;
}
.page-me .bal .num small {
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: .095rem;
    font-weight: 600;
    letter-spacing: .06em;
    color: var(--accent);
    margin-right: .02rem;
}

.page-me .btns { display: flex; gap: .1rem; margin-top: .15rem; }
.page-me .btns a { flex: 1; display: block; }
.page-me .btns a button {
    width: 100%;
    margin: 0;
    padding: .105rem 0;
    border: 0;
    border-radius: .12rem;
    font-size: .125rem;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 1.4;
    vertical-align: middle;
    display: flex; align-items: center; justify-content: center; gap: .05rem;
    background: rgba(255, 255, 255, .09);
    color: var(--text) !important;
    border: 1px solid rgba(255, 255, 255, .1);
}
.page-me .btns a:last-child button {
    background: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);
    color: #04121A !important;
    border: 0;
    box-shadow: 0 .07rem .2rem rgba(56, 225, 190, .3);
}
.page-me .btns button i { font-size: .13rem; }

/* 我的 - 菜单组 */
.page-me .user-content { width: 100%; padding: 0 .16rem; }
.page-me .user-content ul {
    margin: .12rem 0 0;
    border-radius: .18rem;
    overflow: hidden;
    background: var(--card);
    border: 1px solid var(--line);
}
.page-me .user-content li {
    width: 100%;
    height: auto;
    padding: 0;
    line-height: 1;
    border: 0;
}
.page-me .user-content li + li { border-top: 1px solid rgba(255, 255, 255, .06); }
.page-me .user-content li a {
    display: flex;
    align-items: center;
    gap: .1rem;
    width: 100%;
    height: auto;
    padding: .135rem .14rem;
    color: var(--text) !important;
    transition: background .18s ease;
}
.page-me .user-content li a:active { background: rgba(255, 255, 255, .05); }
.page-me .user-content li a > i:first-child {
    width: .34rem; height: .34rem;
    flex: none;
    border-radius: .11rem;
    display: flex; align-items: center; justify-content: center;
    background: rgba(110, 139, 255, .12);
    color: #93A9FF !important;
    font-size: .17rem;
}
.page-me .user-content ul:nth-of-type(1) li:first-child a > i:first-child {
    background: rgba(56, 225, 190, .12);
    color: var(--accent) !important;
}
.page-me .user-content ul:nth-of-type(1) li:last-child a > i:first-child {
    background: rgba(43, 185, 240, .12);
    color: #6FD3F5 !important;
}
.page-me .user-content li span {
    flex: 1;
    margin: 0;
    font-size: .13rem;
    color: var(--text) !important;
    letter-spacing: .01em;
}
.page-me .user-content li a > i:last-child {
    float: none;
    font-size: .14rem;
    color: #5E6C8A !important;
}
.page-me .user-content .index-bot-btns {
    padding: .16rem .02rem .06rem;
}
.page-me .user-content .index-bot-btns p {
    font-size: .095rem;
    line-height: 1.6;
    color: #7A88A5;
    text-align: center;
}
.page-me .user-content .index-bot-btns font { color: inherit !important; }

/* ---------- 底部导航（两页共用 _foot 输出，按 body 类作用域覆盖） ---------- */
.page-home .bottom,
.page-me .bottom {
    background: rgba(8, 13, 25, .9) !important;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    border-top: 1px solid rgba(255, 255, 255, .07);
    opacity: 1;
    height: .54rem;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    box-sizing: content-box;
}
.page-home .bottom:before,
.page-me .bottom:before {
    background: linear-gradient(90deg, rgba(56, 225, 190, 0), rgba(56, 225, 190, .35), rgba(110, 139, 255, .35), rgba(110, 139, 255, 0));
    height: 1px;
    transform: none;
}
.page-home .bottom a,
.page-me .bottom a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .02rem;
    padding-top: .05rem;
    color: #7C8AA8 !important;
}
.page-home .bottom a i,
.page-me .bottom a i {
    display: block;
    width: .215rem;
    height: .215rem;
    margin: 0;
    font-size: 0 !important;
    line-height: 0;
    color: transparent !important;
    background-color: #7C8AA8;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.page-home .bottom a div,
.page-me .bottom a div {
    font-size: .095rem;
    letter-spacing: .04em;
    color: #7C8AA8;
    margin-top: .01rem;
}

/* 首页 */
.page-home .bottom li:nth-child(1) a i { -webkit-mask-image: var(--m-home); mask-image: var(--m-home); }
.page-home .bottom li:nth-child(2) a i { -webkit-mask-image: var(--m-trade); mask-image: var(--m-trade); }
.page-home .bottom li:nth-child(3) a i { -webkit-mask-image: var(--m-me); mask-image: var(--m-me); }
.page-home .bottom li:nth-child(1) a,
.page-home .bottom li:nth-child(1) a div { color: var(--accent) !important; }
.page-home .bottom li:nth-child(1) a i { background-color: var(--accent); }
.page-home .bottom li:nth-child(1) a { position: relative; }
.page-home .bottom li:nth-child(1) a::before {
    content: "";
    position: absolute;
    top: 0;
    width: .28rem; height: .025rem;
    border-radius: 0 0 99px 99px;
    background: linear-gradient(90deg, var(--accent), var(--accent-2));
}

/* 我的 */
.page-me .bottom li:nth-child(1) a i { -webkit-mask-image: var(--m-home); mask-image: var(--m-home); }
.page-me .bottom li:nth-child(2) a i { -webkit-mask-image: var(--m-trade); mask-image: var(--m-trade); }
.page-me .bottom li:nth-child(3) a i { -webkit-mask-image: var(--m-me); mask-image: var(--m-me); }
.page-me .bottom li:nth-child(3) a,
.page-me .bottom li:nth-child(3) a div { color: var(--accent) !important; }
.page-me .bottom li:nth-child(3) a i { background-color: var(--accent); }
.page-me .bottom li:nth-child(3) a { position: relative; }
.page-me .bottom li:nth-child(3) a::before {
    content: "";
    position: absolute;
    top: 0;
    width: .28rem; height: .025rem;
    border-radius: 0 0 99px 99px;
    background: linear-gradient(90deg, var(--accent), var(--accent-2));
}

/* 底部图标遮罩定义（data URI，避免额外请求） */
.page-home, .page-me {
    --m-home:  url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10.5 12 4l8 6.5'/%3E%3Cpath d='M6 10v9h12v-9'/%3E%3Cpath d='M10 19v-5h4v5'/%3E%3C/svg%3E");
    --m-trade: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V9'/%3E%3Cpath d='M9 19V5'/%3E%3Cpath d='M15 19v-7'/%3E%3Cpath d='M20 19V8'/%3E%3C/svg%3E");
    --m-me:    url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.6'/%3E%3Cpath d='M4.5 20c1.2-3.6 4-5.4 7.5-5.4s6.3 1.8 7.5 5.4'/%3E%3C/svg%3E");
}

/* 通用内联图标 */
.page-home .ic, .page-me .ic { width: 1em; height: 1em; display: block; }

/* 小屏微调 */
@media screen and (max-width: 340px) {
    .page-home .hero img { height: 1.5rem; }
    .page-home #pro .ri p:first-child { font-size: .16rem; }
    .page-me .bal .num { font-size: .27rem; }
}

/* ---------- 图标尺寸补全 ---------- */
.page-me .user-content li a > i svg {
    width: .17rem;
    height: .17rem;
    display: block;
}
.page-me .user-content li a > i:last-child svg {
    width: .125rem;
    height: .125rem;
}
.page-me .btns button svg {
    width: .14rem;
    height: .14rem;
    display: block;
}
.page-home .user-chip span { max-width: 1.15rem; }