.profile-page { position: fixed; z-index: 9980; inset: 0 50% calc(76px + env(safe-area-inset-bottom)) auto; display: none; width: min(100%,430px); transform: translateX(50%); overflow-y: auto; color: #17242b; background: linear-gradient(180deg,#f0f5f7,#edf2f3); font-family: Arial,"Microsoft YaHei",sans-serif; }.profile-page.is-open { display: block; }.profile-inner { min-height: 100%; padding: 14px 12px 28px; }.profile-user-card,.profile-assets,.profile-menu { border-radius: 24px; background: #fff; box-shadow: 0 8px 28px rgba(31,63,74,.06); }.profile-user-card { display: flex; align-items: center; gap: 14px; padding: 18px; }.profile-avatar { display: grid; width: 62px; height: 62px; flex: none; place-items: center; border-radius: 19px; color: #fff; background: linear-gradient(145deg,#9a5ee6,#7044cc); font-size: 30px; font-weight: 900; }.profile-user-main { min-width: 0; }.profile-name-row { display: flex; align-items: center; gap: 9px; }.profile-name-row h1 { max-width: 190px; overflow: hidden; margin: 0; text-overflow: ellipsis; white-space: nowrap; font-size: 22px; }.profile-vip { border-radius: 8px; padding: 4px 7px; color: #8d6200; background: #ffe399; font-size: 11px; font-weight: 900; }.profile-id { margin: 7px 0 0; color: #8a979c; font-size: 12px; }.profile-assets { margin-top: 13px; padding: 18px 16px 19px; }.profile-section-head { display: flex; align-items: center; justify-content: space-between; }.profile-section-head h2 { margin: 0; font-size: 18px; }.profile-ledger { border: 0; color: #00a967; background: transparent; font-size: 12px; font-weight: 700; cursor: pointer; }.profile-balance-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin-top: 16px; }.profile-balance { min-width: 0; border-radius: 17px; padding: 13px 12px; }.profile-balance.trx { background: #fff1f2; }.profile-balance.usdt { background: #eafff5; }.profile-balance.energy { background: #edf6ff; }.profile-balance-label { display: flex; align-items: center; gap: 7px; color: #69797f; font-size: 12px; }.profile-coin { display: grid; width: 27px; height: 27px; flex: none; place-items: center; border-radius: 50%; color: #fff; font-size: 12px; font-weight: 900; }.profile-coin.trx { background: #ea4158; }.profile-coin.usdt { background: #18a879; }.profile-coin.energy { background: #438edb; }.profile-value { display: block; margin-top: 9px; font-family: Georgia,serif; font-size: 26px; }.profile-frozen { display: block; margin-top: 3px; color: #9aa6aa; font-size: 10px; }.profile-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 17px; }.profile-actions button { min-height: 49px; border: 1px solid #00b66c; border-radius: 15px; color: #00a861; background: #fff; font-size: 15px; font-weight: 900; cursor: pointer; }.profile-actions button:first-child { color: #fff; background: #05b86c; }.profile-status { min-height: 17px; margin: 10px 2px 0; color: #7d8b90; font-size: 11px; }.profile-menu { margin-top: 13px; padding: 3px 15px; }.profile-menu-item { display: grid; grid-template-columns: 45px 1fr auto; align-items: center; gap: 11px; width: 100%; min-height: 72px; border: 0; border-bottom: 1px solid #edf0ef; padding: 0; text-align: left; color: #17252b; background: transparent; cursor: pointer; }.profile-menu-item:last-child { border-bottom: 0; }.profile-menu-icon { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 14px; color: #00ae69; background: #eafff5; font-size: 20px; }.profile-menu-copy strong { display: block; font-size: 15px; }.profile-menu-copy small { display: block; margin-top: 4px; color: #9aa6aa; font-size: 11px; }.profile-chevron { color: #202e34; font-size: 25px; font-weight: 300; }.profile-local-note { margin: 13px 3px 0; color: #91a0a4; font-size: 10px; text-align: center; }
@media(max-width:350px){.profile-inner{padding-inline:8px}.profile-user-card{padding:15px}.profile-avatar{width:55px;height:55px}.profile-balance-grid{gap:6px}.profile-balance{padding:11px 8px}.profile-balance-label{gap:4px;font-size:10px}.profile-value{font-size:22px}}