/* laneFIX.layout.css — 2026-09-29 手机端排版修复（代理/分享赚钱/邀请/提现页）
   只用页面根选择器限定作用域：#ngE-page.ngE-sub（/subordinate 我的收入）、#z1-ua（/shareEarnings 分享赚钱）、
   #l08x-nav（/group-invite /channel-invite 顶栏）、.l04w-box（提现弹层页签）。删除本文件即可完全撤销。 */

/* ===== A. /subordinate 我的收入（lane08 #ngE-page.ngE-sub） ===== */
/* A1 底部留白：内容不再被底栏(#ngtb-bar ≈57px+充值圆钮)盖住 */
html #ngE-page.ngE-sub .share-page{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}
/* A2 顶栏实色，滚动时下面的卡片不会透出来 */
html #ngE-page.ngE-sub .share-page>.adm-nav-bar{background:var(--tpl-bg,#D9CCF8)!important}
/* A3 群组邀请/频道邀请入口：与上方卡片左右对齐（原来多缩进 .42rem），去掉卡片下方空白条 */
html #ngE-page.ngE-sub .share-page-content .ngE-entries{margin:0 0 calc(.32*var(--ngE-rem))!important;gap:calc(.32*var(--ngE-rem))}
html #ngE-page.ngE-sub .share-page-content .ngE-entries .share-content{padding-bottom:0!important;overflow:hidden}
html #ngE-page.ngE-sub .share-page-content .ngE-entries .share-head{min-height:52px;background:#fff}
/* A4 小字下限（360 宽时原来只有 9.6px） */
html #ngE-page.ngE-sub .share-page .share-commission-inner .share-commission-content{font-size:max(11.5px,calc(.26667*var(--ngE-rem)));line-height:1.35}
html #ngE-page.ngE-sub .share-page .share-links-content .share-link-copy{font-size:max(11.5px,calc(.26667*var(--ngE-rem)));white-space:nowrap}
html #ngE-page.ngE-sub .share-page .share-dialog-btn{font-size:max(13px,calc(.26667*var(--ngE-rem)))}
html #ngE-page.ngE-sub .share-page .share-head-right .share-btn{white-space:nowrap}

/* ===== B. /shareEarnings 分享赚钱（lane08.z1 #z1-ua） ===== */
/* B1 配色：灰白底+蓝色 → 站点浅紫底+紫色强调（与“我的收入”一致），白卡片不变 */
html #z1-ua{background:var(--tpl-bg,#D9CCF8)!important}
html #z1-ua .se-page,html #z1-ua .sh-home,html #z1-ua .mc-tab,html #z1-ua .md-tab,html #z1-ua .mp-tab,html #z1-ua .sp-tab,
html #z1-ua .si-tab,html #z1-ua .sb-tab,html #z1-ua .sf-tab,html #z1-ua .sc-tab{background:transparent!important}
html #z1-ua .si-filters{background:transparent!important}
html #z1-ua .se-navbar{background:var(--tpl-bg,#D9CCF8)!important}
html #z1-ua .se-tabs{background:rgba(255,255,255,.72)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
html #z1-ua .se-tabs__item.active,html #z1-ua .se-navbar__right,html #z1-ua .sh-c1-uid,html #z1-ua .md-ul,html #z1-ua .md-mini__value--link,
html #z1-ua .mp-field__val--link,html #z1-ua .si-card__uid,html #z1-ua .si-card__val--link,html #z1-ua .sb-card__uid,html #z1-ua .sb-card__link,
html #z1-ua .sf-card__uid,html #z1-ua .sc-card__uid,html #z1-ua .sc-card__val--link,html #z1-ua .mc-popup__blue,html #z1-ua .mc-popup__val--blue,
html #z1-ua .mc-period-dropdown__item.active,html #z1-ua .si-dropdown__item.active,html #z1-ua .sb-dropdown__item.active,
html #z1-ua .sf-dropdown__item.active,html #z1-ua .sc-dropdown__item.active,html #z1-ua .sh-card2 .link-item.selected,
html #z1-ua .sp-invite .link-item.selected,html #z1-ua .z1-more,html #z1-ua .z1-dd .si-dropdown__item.active{color:#7650E8!important;text-decoration-color:#7650E8}
html #z1-ua .se-tabs__underline,html #z1-ua .sh-btn-blue,html #z1-ua .sh-card2 .qr-panel,html #z1-ua .sp-invite .qr-panel,html #z1-ua .invite-friends-page .qr-panel,
html #z1-ua .sh-c3-pill,html #z1-ua .sp-video-btn,html #z1-ua .rr-question{background:#8462FD!important}
html #z1-ua .md-pill.active,html #z1-ua .sp-tab-pill.active{background:#8462FD!important;border-color:#8462FD!important;color:#fff!important}
html #z1-ua .rr-sidebar__card.active{background:linear-gradient(#A98BFF,#7650E8)!important;box-shadow:rgba(118,80,232,.3) 0 2px 4px!important}
html #z1-ua .sh-card2 .copy-line .copy-button .copy-icon,html #z1-ua .sp-invite .copy-line .copy-button .copy-icon,
html #z1-ua .sh-card2 .invite-tabs .invite-code-tab .copy-icon,html #z1-ua .sp-invite .invite-tabs .invite-code-tab .copy-icon,
html #z1-ua .sh-card2 .channel.copy .channel-icon::before,html #z1-ua .sp-invite .channel.copy .channel-icon::before,
html #z1-ua .promo-item__copy .copy-icon{background:#8462FD!important}
html #z1-ua .z1-tag{color:#7650E8!important;border-color:#7650E8!important}
html #z1-ua .z1-links .link-item.selected{color:#7650E8!important;background:#F1ECFF!important}
/* B2 底部留白：最后一张卡不再压在底栏下面 */
html #z1-ua .se-content{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}
/* B3 字号下限（原 ng 尺寸在 360~390 宽只有 8.6~11px） */
html #z1-ua .se-tabs__item{font-size:max(13px,calc(.34667*var(--z1r)))!important}
html #z1-ua .sh-c1-badge,html #z1-ua .sh-c1-strip__text,html #z1-ua .sh-c1-strip__hl{font-size:max(10.5px,calc(.24*var(--z1r)))!important}
html #z1-ua .sh-c1-claim,html #z1-ua .sh-c3-collect,html #z1-ua .sh-c3-claim{font-size:max(11.5px,calc(.24*var(--z1r)))!important}
html #z1-ua .sh-c1-countdown,html #z1-ua .copy-line>span{font-size:max(11px,calc(.26667*var(--z1r)))!important}
html #z1-ua .sh-c1-uid,html #z1-ua .sh-c1-label,html #z1-ua .sh-c1-val,html #z1-ua .sh-c1-cell,html #z1-ua .sh-num,html #z1-ua .sh-c3-row,
html #z1-ua .sh-c3-pill__text,html #z1-ua .invite-code-tab>span,html #z1-ua .qr-panel>span,html #z1-ua .sp-calc__line,
html #z1-ua .mc-info-bar__text,html #z1-ua .mc-info-bar__val{font-size:max(12px,calc(.29333*var(--z1r)))!important}
html #z1-ua .sp-tab-pill,html #z1-ua .md-pill,html #z1-ua .mp-pill__text,html #z1-ua .mc-period-btn__label,html #z1-ua .si-pill-btn__text,
html #z1-ua .sb-pill__text,html #z1-ua .sf-pill__text,html #z1-ua .sc-pill__text{font-size:max(12px,calc(.29333*var(--z1r)))!important}
html #z1-ua .z1-tag{font-size:11px!important}
html #z1-ua .sp-tree-txt{font-size:max(9.5px,calc(.24*var(--z1r)))!important}
/* B4 分享渠道一排 5 个：窄屏时名称互相挤压（TelegramFacebook 连在一起） */
html #z1-ua .channel-row{justify-content:space-between;gap:2px}
html #z1-ua .channel-row .channel{min-width:0;flex:1 1 0}
html #z1-ua .channel-row .channel>span:not(.channel-icon){font-size:min(11px,2.75vw)!important;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:clip;max-width:100%}

/* ===== C. /group-invite /channel-invite 顶栏（lane08 #l08x-nav）：白色 → 站点浅紫，与其它内页一致 ===== */
html #l08x-nav.l08x-nav{background:var(--tpl-bg,#D9CCF8)!important;color:#17181a}

/* ===== D. 提现弹层页签（lane04 .l04w-box）：3 个页签在 360~390 宽内放下，不再截出半个「USDT(」 ===== */
html body .l04w-box .l04w-tabs:not(:has(.l04w-tab:nth-child(4))){gap:8px!important;padding-left:4px;padding-right:4px}
html body .l04w-box .l04w-tabs:not(:has(.l04w-tab:nth-child(4))) .l04w-tab{padding:0 10px!important;font-size:14px!important}
@media (max-width:374px){
  html body .l04w-box .l04w-tabs:not(:has(.l04w-tab:nth-child(4))) .l04w-tab{padding:0 8px!important;font-size:13px!important}
}