.mobile-asset-list,.mobile-positions-panel{display:none}

@media(max-width:600px){
  :root{--mobile-gap:9px}
  body{overflow-x:hidden}
  .main-shell{background:#0b0e0d}
  .topbar{height:52px;min-height:52px;padding:0 15px}
  .topbar:before{content:"XFI";font:800 20px Manrope,sans-serif;letter-spacing:-1.2px;color:#eaf0e6}
  .breadcrumb{display:none}
  .wallet-button{min-height:31px;padding:6px 9px}
  .content{padding:17px 12px 18px}
  .app-footer{padding:0 12px calc(74px + env(safe-area-inset-bottom))}
  .sidebar{height:calc(61px + env(safe-area-inset-bottom));padding:4px 5px env(safe-area-inset-bottom)}
  .nav-item{height:51px;gap:3px}
  .nav-item>span:nth-child(2){font-size:10px;font-weight:600}
  .nav-item.active:before{left:13px;right:13px;top:-5px}
  .page-head{min-height:89px;gap:0}
  .page-head .eyebrow{font-size:9px}
  .page-head h1{font-size:25px;margin:7px 0 2px;line-height:1.2}
  .page-head p{font-size:10px;line-height:1.35}
  .section-title h2{font-size:13px}
  .section-title span{font-size:8px;letter-spacing:.7px}

  /* 总览：主资产、三个操作入口、两张并列概览卡。 */
  .overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mobile-gap)}
  .portfolio-panel,.quick-panel{grid-column:1/-1}
  .portfolio-panel{height:264px;padding:14px 15px 11px}
  .portfolio-value{font-size:32px;margin:9px 0 2px}
  .value-sub{font-size:9px;gap:6px}
  .portfolio-panel .chart-area{height:108px;margin-top:8px}
  .portfolio-bottom{margin-top:1px;padding-top:7px}
  .portfolio-bottom strong{display:none}
  .range{padding:4px 7px;font-size:9px}
  .quick-panel{height:122px;padding:12px 11px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:19px 1fr;gap:7px}
  .quick-panel .section-title{grid-column:1/-1}
  .quick-panel .crosshair,.quick-foot{display:none}
  .quick-action,.quick-action:first-of-type{height:72px;min-height:0;margin:0;padding:7px 3px;display:flex;flex-direction:column;justify-content:center;gap:5px;text-align:center}
  .quick-icon{width:25px;height:25px;border:0;background:transparent}
  .quick-icon svg{width:18px;height:18px}
  .quick-action>span:nth-child(2){flex:none}
  .quick-action strong{font-size:10px;white-space:nowrap}
  .quick-action small,.quick-action>svg{display:none}
  .allocation-panel,.signal-panel{height:159px;min-width:0;padding:11px 10px;grid-column:auto}
  .allocation-panel .section-title,.signal-panel .section-title{display:block}
  .allocation-panel .section-title span,.signal-panel .section-title span,.allocation-panel .text-link,.signal-panel .text-link{display:none}
  .allocation-body{margin-top:11px;display:block;height:auto}
  .allocation-body .donut{display:none}
  .allocation-list{gap:8px}
  .allocation-list>div{font-size:9px}
  .signal-list{margin-top:9px}
  .signal-list>div{padding:7px 0;gap:5px}
  .signal-list .coin{width:17px;height:17px;font-size:10px}
  .signal-list>div>span:nth-child(2){min-width:0;flex:1}
  .signal-list strong{font-size:8px;white-space:nowrap}
  .signal-list small,.signal-list .spark{display:none}
  .signal-list>div>div:last-child{gap:0}

  /* 市场：横向表格改为可直接点击的纵向资产行。 */
  .market-strip{grid-template-columns:repeat(4,minmax(135px,1fr));display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-bottom:var(--mobile-gap)}
  .market-strip::-webkit-scrollbar,.pool-grid::-webkit-scrollbar{display:none}
  .market-strip>div{min-width:135px;padding:10px 12px;border-bottom:0;scroll-snap-align:start}
  .market-strip strong{font-size:16px}
  .market-strip span{font-size:8px}
  .market-strip small{font-size:9px}
  .market-table-panel{min-height:0;padding:13px 12px 12px}
  .market-table-panel .section-title{gap:10px}
  .market-table-panel .table-wrap{display:none}
  .market-controls{gap:4px}
  .search-wrap{margin-right:3px}
  .search-wrap input{height:30px}
  .filter{padding:6px 7px}
  .mobile-asset-list{display:grid;gap:7px;margin-top:var(--mobile-gap)}
  .mobile-asset-row{display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;gap:7px;background:#141b16;border:1px solid #2b362e;border-radius:4px;padding:10px 12px;color:#eaf1e7;min-height:69px}
  .mobile-asset-row:hover{border-color:#809e63}
  .mobile-asset-main{display:flex;align-items:center;gap:9px}
  .mobile-asset-main>span:last-child{display:flex;flex-direction:column;gap:1px}
  .mobile-asset-main strong,.mobile-asset-price strong{font-size:11px}
  .mobile-asset-main small{font-size:9px;color:#728574}
  .mobile-asset-price{text-align:right;display:flex;flex-direction:column;gap:1px}
  .mobile-asset-price small{font:9px "DM Mono",monospace}
  .mobile-asset-meta{grid-column:1/-1;border-top:1px solid #2a352d;padding-top:6px;display:flex;align-items:center;gap:11px;color:#708474;font:8px "DM Mono",monospace}
  .mobile-asset-meta b{color:#c6d6c0;font-weight:500}
  .mobile-asset-meta svg{margin-left:auto;color:#8fa58b}
  .mobile-empty{padding:25px;text-align:center;color:#8b9c8b;font-size:11px}
  .market-bottom{font-size:8px;margin-top:10px}

  /* 交易：路线和市场快照并列，完整操作仍可见。 */
  .trade-grid{gap:var(--mobile-gap)}
  .swap-panel{min-height:0;padding:14px 13px 12px}
  .swap-field{margin-top:11px;padding:10px 11px 9px}
  .swap-field-top{font-size:10px}
  .swap-field-top span:last-child{font-size:8px}
  .swap-input-row{margin:6px 0 3px}
  .swap-input-row input,.receive-number{font-size:24px}
  .flip-holder{height:25px}
  .flip-button{width:28px;height:28px}
  .rate-line{padding:8px 1px;font-size:9px}
  .rate-line strong{font-size:9px}
  .trade-cta{margin-top:11px;padding:10px}
  .swap-note{margin-top:7px;font-size:8px}
  .trade-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:var(--mobile-gap)}
  .route-panel,.trade-market{height:146px;padding:11px 10px;min-width:0}
  .route-panel .section-title span,.trade-market .section-title span,.route-chip,.trade-market .text-link{display:none}
  .route-visual{gap:3px;margin:21px 0 17px}
  .route-visual .coin{width:21px;height:21px;font-size:11px}
  .route-visual>div:first-child span:last-child,.route-visual>div:last-child span:last-child,.route-line span{display:none}
  .route-metrics>div{padding:7px 0;font-size:9px}
  .route-metrics>div:nth-child(n+2){display:none}
  .route-metrics strong{font-size:9px}
  .trade-market .section-title{margin-bottom:9px}
  .trade-market .watch-row{padding:8px 0}
  .trade-market .watch-row:last-child,.trade-market .watch-row .spark,.trade-market .watch-row b{display:none}
  .watch-row em{margin-left:auto;font-size:9px;min-width:0}

  /* 收益：指标并列，收益策略横向浏览。 */
  .earn-summary{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:15px}
  .earn-summary>div{padding:11px 8px;border-bottom:0;border-right:1px solid #2d392f;min-width:0}
  .earn-summary>div:last-child{border-right:0}
  .earn-summary span{font-size:9px;white-space:nowrap}
  .earn-summary strong{font-size:12px;letter-spacing:-.5px;white-space:nowrap}
  .earn-summary small{display:none}
  .pool-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:9px;margin-top:10px;padding-bottom:2px}
  .pool-card{flex:0 0 min(78vw,280px);min-height:270px;scroll-snap-align:start;padding:15px 15px}
  .pool-name{margin-top:11px}
  .pool-apy{margin-top:14px}
  .pool-apy strong{font-size:33px}
  .pool-meta{margin-top:7px;padding:10px 0}
  .earn-foot{margin-top:9px;align-items:center}
  .earn-foot>span{font-size:9px;line-height:1.35}
  .earn-foot button{display:none}

  /* 金库：概览双列，仓位改为轻量列表。 */
  .vault-top{grid-template-columns:1.25fr 1fr;gap:var(--mobile-gap);margin-bottom:var(--mobile-gap)}
  .vault-total,.health-panel{height:133px;padding:12px 10px}
  .vault-total .label,.health-panel .label{font-size:8px;letter-spacing:.6px}
  .vault-total>strong{font-size:22px;margin:12px 0 9px;letter-spacing:-1px;white-space:nowrap}
  .vault-total>div{gap:3px;font-size:8px}
  .vault-total b{margin-left:2px}
  .health-panel>div:first-child{display:block}
  .health-panel>div:first-child strong{display:block;font-size:16px;margin-top:10px}
  .health-track{margin-top:12px;height:7px}
  .health-scale{margin-top:11px}
  .health-scale span{font-size:7px}
  .health-scale span:nth-child(2){display:none}
  .positions-panel{display:none}
  .mobile-positions-panel{display:block;padding:12px 12px 2px}
  .mobile-positions-panel .section-title{margin-bottom:7px}
  .mobile-position-row{width:100%;display:flex;align-items:center;text-align:left;gap:8px;background:transparent;border:0;border-top:1px solid #29372d;color:#e3ede0;padding:11px 0}
  .mobile-position-name,.mobile-position-value{display:flex;flex-direction:column;gap:3px}
  .mobile-position-name{flex:1;min-width:0}
  .mobile-position-name strong,.mobile-position-value strong{font-size:10px;white-space:nowrap}
  .mobile-position-name small,.mobile-position-value small{font-size:8px;color:#738675;white-space:nowrap}
  .mobile-position-value{text-align:right}
  .mobile-position-row>svg{color:#829a81}
  .vault-foot{margin-top:10px;font-size:8px;align-items:center}
  .vault-foot button{font-size:9px}

  /* 数据：图表、网络、指标与活动按信息密度重排。 */
  .analytics-top{gap:var(--mobile-gap)}
  .analytics-chart{height:255px;padding:13px 12px}
  .analytics-chart .section-title{align-items:center}
  .analytics-chart .section-title>div:first-child{display:block}
  .analytics-chart .section-title span{display:none}
  .analytics-chart .range{padding:4px 5px;font-size:8px}
  .analytics-number{font-size:24px;margin-top:10px}
  .analytics-number em{font-size:9px;margin:0}
  .analytics-chart .chart-area{height:150px;margin-top:9px}
  .network-panel{height:143px;padding:11px 12px;display:grid;grid-template-columns:85px 1fr;grid-template-rows:18px 1fr;column-gap:13px}
  .network-panel .section-title{grid-column:1/-1}
  .network-panel .section-title span{font-size:8px}
  .network-gauge{width:77px;height:77px;margin:11px 0 0}
  .network-gauge>div{width:61px;height:61px}
  .network-gauge strong{font-size:15px}
  .network-gauge strong span{font-size:8px}
  .network-gauge small{font-size:6px}
  .network-rows{align-self:center}
  .network-rows>div{padding:7px 0;font-size:8px}
  .network-rows strong{font-size:8px}
  .analytics-bottom{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mobile-gap);margin-top:var(--mobile-gap)}
  .analytics-stat{height:100px;padding:11px 12px}
  .analytics-stat>.label{font-size:8px;letter-spacing:.5px}
  .analytics-stat>strong{font-size:17px;margin:9px 0 0}
  .analytics-stat>span:nth-of-type(2){font-size:8px}
  .analytics-stat small{display:none}
  .stat-bars{height:34px;width:38%;right:10px;bottom:10px;gap:2px}
  .activity-panel{grid-column:1/-1;height:139px;padding:10px 12px}
  .activity-panel .section-title{margin-bottom:5px}
  .activity-row{padding:4px 0}
  .activity-row time{display:none}
}

@media(max-width:370px){
  .allocation-panel,.signal-panel{padding:10px 8px}
  .signal-list>div{gap:3px}
  .signal-list strong{font-size:7px}
  .earn-summary strong{font-size:11px}
  .vault-total>strong{font-size:19px}
  .mobile-position-name small{font-size:7px}
}

@media(min-width:371px) and (max-width:600px){
  .quick-action strong{font-size:11px}
  .allocation-list>div{font-size:10px}
  .signal-list strong{font-size:9px}
  .mobile-asset-row{min-height:72px}
  .mobile-asset-main strong,.mobile-asset-price strong{font-size:12px}
  .mobile-asset-main small,.mobile-asset-price small{font-size:10px}
  .mobile-asset-meta{font-size:9px}
  .rate-line,.rate-line strong{font-size:10px}
  .route-metrics>div,.route-metrics strong,.watch-row em{font-size:10px}
  .earn-summary span{font-size:10px}
  .earn-summary strong{font-size:14px}
  .pool-card{min-height:328px;padding:19px 18px}
  .pool-name h3{font-size:20px}
  .pool-name span,.pool-apy small{font-size:11px}
  .pool-apy{margin-top:22px}
  .pool-apy strong{font-size:42px}
  .pool-meta{margin-top:15px;padding:13px 0}
  .pool-meta span,.pool-meta strong{font-size:10px}
  .pool-button{font-size:12px;padding-top:17px}
  .earn-foot>span{font-size:10px}
  .vault-total>strong{font-size:24px}
  .mobile-position-row{padding:13px 0}
  .mobile-position-name strong,.mobile-position-value strong{font-size:12px}
  .mobile-position-name small,.mobile-position-value small{font-size:9px}
  .analytics-stat>.label,.analytics-stat>span:nth-of-type(2){font-size:9px}
  .activity-panel{height:151px}
  .activity-row{padding:6px 0}
}