/* WXSSC 20260702 Jin10-inspired home flow
   Scope: WXSSC homepage only. Core futures + spot modules are untouched.
   Font strategy:
   - Prefer system Chinese UI fonts: PingFang SC, Microsoft YaHei, Noto Sans SC fallback.
   - Numeric/market data: DIN Alternate fallback to SFMono-Regular/Roboto Mono/Consolas.
   - No proprietary webfont from the reference site is copied or embedded. */

:root{
  --wx-j10-bg:#eef6ff;
  --wx-j10-card:#ffffff;
  --wx-j10-ink:#111827;
  --wx-j10-muted:#64748b;
  --wx-j10-line:#e2e8f0;
  --wx-j10-soft:#f8fafc;
  --wx-j10-hot:#f97316;
  --wx-j10-red:#ef4444;
  --wx-j10-blue:#2563eb;
  --wx-j10-dark:#0f172a;
  --wx-j10-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","PingFang SC","Noto Sans SC","Microsoft YaHei",Arial,sans-serif;
  --wx-j10-num:"DIN Alternate","Roboto Mono","SFMono-Regular",Consolas,"PingFang SC","Microsoft YaHei",sans-serif;
  --wx-j10-radius:8px;
  --wx-j10-shadow:0 1px 0 rgba(15,23,42,.03);
}

html body{
  background:var(--wx-j10-bg) !important;
  font-family:var(--wx-j10-font) !important;
}

html body .wx63-main{
  margin-top:18px !important;
}

html body .wx63-left,
html body .wx63-right{
  gap:14px !important;
}

html body .wx-home-ads-v685{
  margin-top:12px !important;
  margin-bottom:14px !important;
  gap:10px !important;
}

html body .wx-home-ad-v685{
  min-height:48px !important;
  border-radius:10px !important;
  border:1px solid rgba(226,232,240,.95) !important;
  box-shadow:none !important;
  transition:transform .14s ease, border-color .14s ease, background-color .14s ease !important;
}

html body .wx-home-ad-v685:hover{
  transform:translateY(-1px) !important;
  border-color:#fed7aa !important;
}

html body .wx-home-ad-v685:not(.has-img){
  padding:10px 12px !important;
}

html body .wx-home-ad-v685.is-blue:not(.has-img){
  background:linear-gradient(90deg,#fff7ed,#ffffff) !important;
  color:#0f172a !important;
}

html body .wx-home-ad-v685.is-dark:not(.has-img){
  background:linear-gradient(90deg,#fff,#f8fafc) !important;
  color:#0f172a !important;
}

html body .wx-home-ad-v685.has-img{
  padding:0 !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  color:#fff !important;
}

html body .wx-home-ad-v685.has-img::before{
  background:transparent !important;
}

html body .wx-home-ad-v685.has-img .wx-home-ad-text-v685,
html body .wx-home-ad-v685.has-img .wx-home-ad-action-v685{
  display:none !important;
}

html body .wx-home-ad-v685.has-img .wx-home-ad-main-v685{
  position:absolute !important;
  top:10px !important;
  right:12px !important;
  left:auto !important;
  transform:none !important;
  z-index:3 !important;
  display:block !important;
}

html body .wx-home-ad-badge-v685{
  height:20px !important;
  padding:0 7px !important;
  border-radius:4px !important;
  background:#f97316 !important;
  color:#fff !important;
  opacity:1 !important;
}

html body .wx-home-ad-v685.has-img .wx-home-ad-badge-v685{
  height:24px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:rgba(15,23,42,.34) !important;
  border:1px solid rgba(255,255,255,.30) !important;
  color:#fff !important;
}

html body .wx-home-ad-title-v685{
  font-size:15px !important;
}

html body .wx-home-ad-sub-v685{
  font-size:12px !important;
  opacity:.72 !important;
}

html body .wx-home-ad-action-v685{
  height:28px !important;
  padding:0 10px !important;
  border-radius:5px !important;
  background:#0f172a !important;
  color:#fff !important;
  box-shadow:none !important;
}

html body #priceCenter.wx-home-price-light-v672d{
  border-radius:var(--wx-j10-radius) !important;
  border:1px solid var(--wx-j10-line) !important;
  box-shadow:none !important;
  background:var(--wx-j10-card) !important;
  transition:border-color .14s ease, box-shadow .14s ease !important;
}

html body #priceCenter.wx-home-price-light-v672d:hover{
  border-color:#bfdbfe !important;
  box-shadow:var(--wx-j10-shadow) !important;
}

html body #priceCenter.wx-home-price-light-v672d:before{
  content:"";
  display:block;
  height:3px;
  border-radius:10px 10px 0 0;
  background:linear-gradient(90deg,#f97316,#ef4444,#2563eb);
}

html body .wx-price-carousel-ads-v685i{
  margin-top:12px !important;
  border-radius:10px !important;
  box-shadow:none !important;
}

html body .wx63-card,
html body .wxssc-today-intel-v645-f7,
html body .wxssc-vip-report-v646-f2b{
  border-radius:var(--wx-j10-radius) !important;
  border:1px solid var(--wx-j10-line) !important;
  box-shadow:none !important;
  background:var(--wx-j10-card) !important;
}

html body .wxssc-today-intel-v645-f7,
html body .wxssc-vip-report-v646-f2b{
  padding:14px 14px 12px !important;
}

html body .wxssc-today-intel-v645-f7{
  border-top:3px solid var(--wx-j10-hot) !important;
  position:relative !important;
}

html body .wxssc-vip-report-v646-f2b{
  margin-top:0 !important;
  border-top:3px solid var(--wx-j10-dark) !important;
}

html body .wxssc-vip-report-v646-f2b:before{
  display:none !important;
}

html body .wxsti46-top,
html body .wxvip-head{
  align-items:center !important;
  margin-bottom:10px !important;
}

html body .wxsti46-kicker,
html body .wxvip-kicker{
  height:20px !important;
  padding:0 8px !important;
  margin-bottom:5px !important;
  border-radius:4px !important;
  background:#fff7ed !important;
  color:#ea580c !important;
  letter-spacing:.04em !important;
}

html body .wxvip-kicker{
  background:#f8fafc !important;
  color:#0f172a !important;
}

html body .wxsti46-kicker i{
  width:6px !important;
  height:6px !important;
  background:#f97316 !important;
  box-shadow:0 0 0 4px rgba(249,115,22,.12) !important;
}

html body .wxvip-kicker i{
  width:6px !important;
  height:6px !important;
  background:#f59e0b !important;
  box-shadow:0 0 0 4px rgba(245,158,11,.12) !important;
}

html body .wxsti46-title h2,
html body .wxvip-title h2{
  font-size:23px !important;
  line-height:1.1 !important;
  letter-spacing:0 !important;
}

html body .wxsti46-sub,
html body .wxvip-sub{
  margin-top:4px !important;
  font-size:12px !important;
}

html body .wxsti46-more{
  height:30px !important;
  padding:0 11px !important;
  border-radius:5px !important;
  background:#fff !important;
  box-shadow:none !important;
  border-color:#fed7aa !important;
  color:#ea580c !important;
  transition:background-color .14s ease, color .14s ease, border-color .14s ease !important;
}

html body .wxsti46-more:hover{
  background:#fff7ed !important;
  border-color:#fdba74 !important;
}

html body .wxsti46-livebar{
  min-height:36px !important;
  padding:4px !important;
  margin-bottom:8px !important;
  border-radius:6px !important;
  background:#fff7ed !important;
  border-color:#fed7aa !important;
}

html body .wxsti46-live{
  color:#ea580c !important;
  font-size:12px !important;
}

html body .wxsti46-pulse{
  width:9px !important;
  height:9px !important;
  background:#f97316 !important;
}

html body .wxsti46-mode button{
  height:28px !important;
  padding:0 10px !important;
  border-radius:5px !important;
  font-size:12px !important;
}

html body .wxsti46-mode button.is-on{
  background:#f97316 !important;
  box-shadow:none !important;
}

html body .wxsti46-tabs,
html body .wxvip-tabs{
  gap:5px !important;
  padding-bottom:8px !important;
}

html body .wxsti46-tabs button,
html body .wxvip-tabs button{
  height:26px !important;
  padding:0 9px !important;
  border-radius:5px !important;
  background:#fff !important;
  color:#475569 !important;
  border-color:#e2e8f0 !important;
  transition:background-color .14s ease, color .14s ease, border-color .14s ease !important;
}

html body .wxsti46-tabs button.is-on,
html body .wxvip-tabs button.is-on{
  color:#ea580c !important;
  background:#fff7ed !important;
  border-color:#fed7aa !important;
}

html body .wxsti46-list{
  min-height:330px !important;
  max-height:432px !important;
}

html body .wxsti46-item{
  grid-template-columns:46px 54px minmax(0,1fr) 42px !important;
  gap:8px !important;
  min-height:44px !important;
  padding:7px 0 !important;
  border-bottom-color:#eef2f7 !important;
  position:relative !important;
  transition:background-color .12s ease !important;
}

html body .wxsti46-item:before{
  content:"" !important;
  position:absolute !important;
  left:44px !important;
  top:31px !important;
  bottom:-9px !important;
  width:1px !important;
  background:#eef2f7 !important;
}

html body .wxsti46-item:last-child:before{
  display:none !important;
}

html body .wxsti46-item:hover{
  background:#fffaf5 !important;
}

html body .wxsti46-time{
  color:#64748b !important;
  font-size:12px !important;
  font-family:var(--wx-j10-num) !important;
}

html body .wxsti46-tag{
  min-width:46px !important;
  height:24px !important;
  padding:0 7px !important;
  border-radius:5px !important;
  font-size:12px !important;
  background:#ef4444 !important;
  box-shadow:none !important;
  position:relative !important;
  z-index:1 !important;
}

html body .wxsti46-tag.is-raw{
  background:#7c3aed !important;
}

html body .wxsti46-tag.is-policy{
  background:#ef4444 !important;
}

html body .wxsti46-tag.is-futures{
  background:#2563eb !important;
}

html body .wxsti46-tag.is-market,
html body .wxsti46-tag.is-price{
  background:#f97316 !important;
}

html body .wxsti46-headline{
  font-size:13.5px !important;
  line-height:1.25 !important;
  letter-spacing:0 !important;
}

html body .wxsti46-desc{
  margin-top:2px !important;
  font-size:11px !important;
}

html body .wxsti46-meta{
  font-size:11px !important;
  color:#94a3b8 !important;
}

html body .wxsti46-foot{
  margin-top:7px !important;
  padding-top:9px !important;
  border-top-color:#eef2f7 !important;
}

html body .wxvip-status{
  height:28px !important;
  padding:0 10px !important;
  border-radius:5px !important;
  box-shadow:none !important;
}

html body .wxvip-valuebar{
  gap:7px !important;
  margin:8px 0 8px !important;
}

html body .wxvip-value{
  min-height:52px !important;
  padding:9px !important;
  border-radius:6px !important;
  box-shadow:none !important;
  background:#fff !important;
}

html body .wxvip-card{
  padding:11px 0 !important;
  border-bottom-color:#eef2f7 !important;
  transition:background-color .12s ease !important;
}

html body .wxvip-card:hover{
  background:#fffaf5 !important;
}

html body .wxvip-card h3{
  font-size:14px !important;
  line-height:1.28 !important;
}

html body .wxvip-card p{
  font-size:12px !important;
  line-height:1.45 !important;
}

html body .wxvip-cta{
  margin-top:10px !important;
  padding:11px 12px !important;
  border-radius:8px !important;
  background:#0f172a !important;
  box-shadow:none !important;
}

html body .wxvip-cta a{
  height:30px !important;
  border-radius:5px !important;
  background:#f97316 !important;
  color:#fff !important;
}

@media (max-width: 980px){
  html body .wxsti46-item{
    grid-template-columns:42px 48px minmax(0,1fr) 28px !important;
  }
}

/* WXSSC 20260702 mobile rebuild inspired by financial news apps.
   Only homepage mobile breakpoint. No third-party assets, icons, fonts, or images copied. */
@media (max-width: 760px){
  html,
  html body{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow-x:hidden !important;
    background:#f3f7fb !important;
  }

  html body{
    padding-top:66px !important;
    padding-bottom:58px !important;
    font-size:14px !important;
    -webkit-text-size-adjust:100%;
  }

  html body .wx-global-topnav,
  html body > header.wx-global-topnav,
  html body > #wxGlobalTopnav{
    height:66px !important;
    min-height:66px !important;
    border-bottom:1px solid rgba(15,23,42,.08) !important;
    box-shadow:0 1px 0 rgba(15,23,42,.05) !important;
  }

  html body .wx-global-inner{
    width:100% !important;
    max-width:none !important;
    height:66px !important;
    padding:0 12px !important;
    gap:10px !important;
  }

  html body .wx-global-brand{
    min-width:0 !important;
    flex:0 0 auto !important;
  }

  html body .wx-global-logo{
    width:36px !important;
    height:36px !important;
    border-radius:8px !important;
  }

  html body .wx-global-brand-text b{
    max-width:132px !important;
    font-size:15px !important;
    line-height:1.12 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  html body .wx-global-brand-text span{
    display:none !important;
  }

  html body .wx-global-nav{
    flex:1 1 auto !important;
    display:flex !important;
    overflow-x:auto !important;
    gap:4px !important;
    padding:0 2px !important;
    scrollbar-width:none !important;
  }

  html body .wx-global-nav::-webkit-scrollbar{
    display:none !important;
  }

  html body .wx-global-nav a{
    flex:0 0 auto !important;
    height:32px !important;
    padding:0 10px !important;
    border-radius:6px !important;
    font-size:13px !important;
  }

  html body .wx-global-account{
    flex:0 0 auto !important;
    min-width:0 !important;
  }

  html body .wx-global-avatar-btn{
    height:34px !important;
    padding:0 8px !important;
    border-radius:18px !important;
  }

  html body .wx-global-avatar-btn span:not(.wx-global-avatar){
    display:none !important;
  }

  html body .wx63-page,
  html body .wx-home-ads-v685,
  html body .wx63-main,
  html body .wx-footer-dark-inner{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  html body .wx6513d-ticker{
    margin:8px 10px !important;
    height:34px !important;
    border-radius:8px !important;
    background:#fff !important;
    border:1px solid #e2e8f0 !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  html body #wxssc-home-market-deck-v6519.wxssc-market-light-card{
    margin:8px 0 10px !important;
    padding:10px !important;
    border-radius:10px !important;
    border:1px solid #dbeafe !important;
    background:#fff !important;
    box-shadow:none !important;
  }

  html body #wxssc-home-market-deck-v6519 .hm-head{
    display:block !important;
    padding-bottom:8px !important;
    margin-bottom:10px !important;
    border-bottom:1px solid #eef2f7 !important;
  }

  html body #wxssc-home-market-deck-v6519 .hm-kicker{
    display:inline-flex !important;
    height:22px !important;
    padding:0 8px !important;
    border-radius:5px !important;
    background:#fff7ed !important;
    color:#ea580c !important;
    font-size:11px !important;
    font-weight:950 !important;
  }

  html body #wxssc-home-market-deck-v6519 .hm-title{
    margin:7px 0 0 !important;
    font-size:22px !important;
    line-height:1.15 !important;
    letter-spacing:0 !important;
  }

  html body #wxssc-home-market-deck-v6519 .hm-sub{
    margin-top:5px !important;
    font-size:12px !important;
    line-height:1.5 !important;
    color:#64748b !important;
  }

  html body #wxssc-home-market-deck-v6519 .hm-safe{
    display:none !important;
  }

  html body #wxssc-home-market-deck-v6519 .hm-layout{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  html body .wx-ss-futures-ref-v6566e,
  html body .hm-panel.hm-spot{
    border-radius:10px !important;
    box-shadow:none !important;
  }

  html body .wx-ss-fr-head-v6566e,
  html body .hm-spot-top{
    gap:8px !important;
  }

  html body .wx-ss-fr-title-v6566e,
  html body .hm-spot-title h3{
    font-size:19px !important;
    line-height:1.18 !important;
  }

  html body .wx-ss-fr-sub-v6566e,
  html body .hm-spot-title p{
    font-size:12px !important;
    line-height:1.4 !important;
  }

  html body .wx-ss-fr-body-v6566e,
  html body .hm-spot-main{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  html body .wx-ss-fr-price-v6566e,
  html body .hm-main-number{
    font-family:var(--wx-j10-num) !important;
    font-size:34px !important;
    line-height:1.05 !important;
  }

  html body .wx-ss-fr-metrics-v6566e,
  html body .hm-spot-grid,
  html body .wx-v684-spot-features{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
  }

  html body .hm-joint-decision-v684{
    margin-top:10px !important;
    padding:10px !important;
    border-radius:10px !important;
    display:block !important;
  }

  html body .wx-jd-premium-metrics-v685d{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
    margin-top:8px !important;
  }

  html body .wx-home-ads-v685{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin-top:10px !important;
    margin-bottom:10px !important;
  }

  html body .wx-home-ad-v685{
    height:54px !important;
    min-height:54px !important;
    border-radius:8px !important;
  }

  html body .wx-home-ad-v685.has-img{
    background-size:cover !important;
    background-position:center center !important;
  }

  html body .wx63-main{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-top:10px !important;
    align-items:start !important;
  }

  html body .wx63-left,
  html body .wx63-right{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
  }

  html body #priceCenter.wx-home-price-light-v672d,
  html body .wxssc-today-intel-v645-f7,
  html body .wxssc-vip-report-v646-f2b,
  html body .wx-price-carousel-ads-v685i{
    border-radius:10px !important;
    border:1px solid #dbeafe !important;
    box-shadow:none !important;
  }

  html body .wxssc-today-intel-v645-f7,
  html body .wxssc-vip-report-v646-f2b{
    padding:12px 10px !important;
  }

  html body .wxsti46-top,
  html body .wxvip-head{
    margin-bottom:8px !important;
  }

  html body .wxsti46-kicker,
  html body .wxvip-kicker{
    height:20px !important;
    padding:0 7px !important;
    border-radius:5px !important;
    font-size:10px !important;
  }

  html body .wxsti46-title h2,
  html body .wxvip-title h2{
    font-size:21px !important;
    line-height:1.12 !important;
  }

  html body .wxsti46-sub,
  html body .wxvip-sub{
    font-size:11px !important;
    line-height:1.35 !important;
  }

  html body .wxsti46-more{
    height:28px !important;
    padding:0 9px !important;
    font-size:12px !important;
  }

  html body .wxsti46-livebar{
    grid-template-columns:1fr !important;
    gap:5px !important;
    min-height:auto !important;
    padding:6px !important;
  }

  html body .wxsti46-live{
    padding-left:4px !important;
    white-space:normal !important;
  }

  html body .wxsti46-mode{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:5px !important;
    padding-right:0 !important;
  }

  html body .wxsti46-mode button{
    width:100% !important;
  }

  html body .wxsti46-tabs,
  html body .wxvip-tabs{
    display:flex !important;
    overflow-x:auto !important;
    gap:5px !important;
    padding-bottom:7px !important;
    scrollbar-width:none !important;
  }

  html body .wxsti46-tabs::-webkit-scrollbar,
  html body .wxvip-tabs::-webkit-scrollbar{
    display:none !important;
  }

  html body .wxsti46-tabs button,
  html body .wxvip-tabs button{
    flex:0 0 auto !important;
    height:26px !important;
    padding:0 9px !important;
    font-size:12px !important;
  }

  html body .wxsti46-list{
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
  }

  html body .wxsti46-item{
    grid-template-columns:42px 48px minmax(0,1fr) 22px !important;
    gap:7px !important;
    min-height:50px !important;
    padding:8px 0 !important;
  }

  html body .wxsti46-item:before{
    left:38px !important;
    top:32px !important;
    bottom:-10px !important;
  }

  html body .wxsti46-time{
    font-size:12px !important;
  }

  html body .wxsti46-tag{
    min-width:42px !important;
    height:23px !important;
    padding:0 6px !important;
    border-radius:5px !important;
    font-size:11px !important;
  }

  html body .wxsti46-headline{
    font-size:14px !important;
    line-height:1.32 !important;
    white-space:normal !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
  }

  html body .wxsti46-desc{
    display:none !important;
  }

  html body .wxsti46-meta span{
    display:none !important;
  }

  html body .wxsti46-foot{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:4px !important;
    font-size:11px !important;
  }

  html body .wxvip-valuebar{
    display:grid !important;
    grid-template-columns:1fr 1fr 1fr !important;
    gap:5px !important;
  }

  html body .wxvip-value{
    min-height:48px !important;
    padding:8px 6px !important;
    border-radius:6px !important;
  }

  html body .wxvip-value b{
    font-size:12px !important;
  }

  html body .wxvip-value span{
    display:none !important;
  }

  html body .wxvip-card{
    padding:10px 0 !important;
  }

  html body .wxvip-card h3{
    font-size:14px !important;
    line-height:1.35 !important;
  }

  html body .wxvip-card p{
    display:none !important;
  }

  html body .wxvip-metrics{
    margin-top:6px !important;
    gap:5px !important;
    overflow-x:auto !important;
  }

  html body .wxvip-cta{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    gap:8px !important;
    padding:10px !important;
  }

  html body .wxvip-cta strong{
    font-size:13px !important;
  }

  html body .wxvip-cta span{
    display:none !important;
  }

  html body .wxvip-cta a{
    height:30px !important;
    padding:0 10px !important;
    font-size:12px !important;
  }

  html body .wx-price-carousel-ads-v685i{
    margin-top:0 !important;
    max-height:180px !important;
  }

  html body .wx6514c-bottom-market{
    height:42px !important;
    overflow:hidden !important;
  }
}

/* WXSSC 20260702 mobile rebuild m2
   Inspired by mobile financial-news apps: compact nav, single-column market cards,
   timeline flash feed, light cards, high-density labels. Original WXSSC layout/data only. */
@media (max-width: 760px){
  html,
  body{
    width:100% !important;
    min-width:0 !important;
    overflow-x:hidden !important;
    background:#f5f7fa !important;
  }

  body{
    padding-top:58px !important;
    padding-bottom:52px !important;
    color:#111827 !important;
  }

  body:before,
  body:after{
    display:none !important;
  }

  html body .wx-global-topnav,
  html body > header.wx-global-topnav,
  html body > #wxGlobalTopnav{
    height:58px !important;
    min-height:58px !important;
    background:#07111f !important;
    border-bottom:0 !important;
    box-shadow:0 2px 10px rgba(7,17,31,.18) !important;
  }

  html body .wx-global-inner{
    width:100% !important;
    max-width:none !important;
    height:58px !important;
    padding:0 10px !important;
    gap:8px !important;
  }

  html body .wx-global-logo{
    width:34px !important;
    height:34px !important;
    border-radius:7px !important;
  }

  html body .wx-global-brand-text b{
    max-width:122px !important;
    color:#fff !important;
    font-size:15px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  html body .wx-global-brand-text span{
    display:none !important;
  }

  html body .wx-global-nav{
    height:58px !important;
    flex:1 1 auto !important;
    display:flex !important;
    align-items:center !important;
    gap:4px !important;
    overflow-x:auto !important;
    scrollbar-width:none !important;
    padding:0 !important;
  }

  html body .wx-global-nav::-webkit-scrollbar{
    display:none !important;
  }

  html body .wx-global-nav a{
    flex:0 0 auto !important;
    height:30px !important;
    padding:0 10px !important;
    border-radius:5px !important;
    color:#cbd5e1 !important;
    font-size:13px !important;
    font-weight:900 !important;
    background:transparent !important;
  }

  html body .wx-global-nav a.is-active{
    color:#fff !important;
    background:#2563eb !important;
  }

  html body .wx-global-account{
    display:none !important;
  }

  html body .wx63-page{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 8px !important;
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
  }

  html body .wx6513d-ticker{
    order:1 !important;
    height:34px !important;
    margin:8px 0 0 !important;
    border-radius:6px !important;
    background:#fff !important;
    border:1px solid #e5e7eb !important;
    box-shadow:none !important;
  }

  html body #wxssc-home-market-deck-v6519.wxssc-market-light-card{
    order:2 !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  html body #wxssc-home-market-deck-v6519 .hm-head{
    display:none !important;
  }

  html body #wxssc-home-market-deck-v6519 .hm-layout{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
  }

  html body .wx-ss-futures-ref-v6566e,
  html body .hm-panel.hm-spot,
  html body .hm-joint-decision-v684{
    width:100% !important;
    margin:0 !important;
    padding:12px !important;
    border-radius:8px !important;
    border:1px solid #e5e7eb !important;
    background:#fff !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  html body .wx-ss-fr-head-v6566e,
  html body .hm-spot-top{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:10px !important;
    margin-bottom:10px !important;
  }

  html body .wx-ss-fr-pill-v6566e,
  html body .hm-spot-badge{
    height:22px !important;
    padding:0 7px !important;
    border-radius:4px !important;
    background:#fff7ed !important;
    color:#ea580c !important;
    font-size:11px !important;
    font-weight:950 !important;
  }

  html body .wx-ss-fr-title-v6566e,
  html body .hm-spot-title h3{
    margin-top:5px !important;
    font-size:20px !important;
    line-height:1.12 !important;
    letter-spacing:0 !important;
  }

  html body .wx-ss-fr-sub-v6566e,
  html body .hm-spot-title p{
    margin-top:4px !important;
    font-size:12px !important;
    line-height:1.4 !important;
    color:#64748b !important;
  }

  html body .wx-ss-fr-badge-v6566e,
  html body .hm-chip{
    height:24px !important;
    min-width:auto !important;
    padding:0 8px !important;
    border-radius:4px !important;
    color:#2563eb !important;
    background:#eff6ff !important;
    border:1px solid #bfdbfe !important;
    font-size:12px !important;
    box-shadow:none !important;
  }

  html body .wx-ss-fr-body-v6566e,
  html body .hm-spot-main{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  html body .wx-ss-fr-price-card-v6566e,
  html body .wx-ss-fr-context-v6566e,
  html body .hm-main-price,
  html body .hm-source-card{
    border-radius:7px !important;
    border:1px solid #eef2f7 !important;
    background:#fbfdff !important;
    box-shadow:none !important;
    padding:10px !important;
  }

  html body .wx-ss-fr-price-v6566e,
  html body .hm-main-number{
    font-family:var(--wx-j10-num) !important;
    font-size:34px !important;
    line-height:1 !important;
    letter-spacing:0 !important;
  }

  html body .wx-ss-fr-change-v6566e,
  html body .hm-orange{
    font-size:12px !important;
  }

  html body .wx-ss-fr-mini-trend-v6566e{
    height:118px !important;
    margin-top:6px !important;
  }

  html body .hm-sparkline{
    height:46px !important;
  }

  html body .wx-ss-fr-metrics-v6566e,
  html body .hm-spot-grid,
  html body .wx-v684-spot-features{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
    margin-top:8px !important;
  }

  html body .wx-ss-fr-metric-v6566e:nth-child(n+5),
  html body .wx-v684-spot-features > div:nth-child(n+3){
    display:none !important;
  }

  html body .hm-spot-tabs{
    display:flex !important;
    gap:5px !important;
    overflow-x:auto !important;
    padding-bottom:7px !important;
    scrollbar-width:none !important;
  }

  html body .hm-spot-tabs::-webkit-scrollbar{
    display:none !important;
  }

  html body .hm-spot-tab{
    flex:0 0 auto !important;
    height:28px !important;
    padding:0 9px !important;
    border-radius:5px !important;
    font-size:12px !important;
  }

  html body .hm-joint-decision-v684{
    margin-top:8px !important;
    display:block !important;
  }

  html body .wx-jd-premium-kicker-v685d{
    height:22px !important;
    border-radius:4px !important;
  }

  html body .wx-jd-premium-left-v685d strong{
    display:block !important;
    margin-top:6px !important;
    font-size:15px !important;
    line-height:1.35 !important;
  }

  html body .wx-jd-premium-left-v685d p{
    margin-top:4px !important;
    font-size:12px !important;
    line-height:1.45 !important;
  }

  html body .wx-jd-premium-metrics-v685d{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
    margin-top:8px !important;
  }

  html body .wx-jd-metric-v685d{
    padding:8px 6px !important;
    border-radius:6px !important;
  }

  html body .wx-jd-metric-v685d b{
    font-size:14px !important;
  }

  html body .wx-jd-premium-time-v685d{
    display:none !important;
  }

  html body .wx-home-ads-v685{
    order:3 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:6px !important;
  }

  html body .wx-home-ad-v685{
    height:48px !important;
    min-height:48px !important;
    border-radius:7px !important;
  }

  html body .wx-home-ad-v685.has-img .wx-home-ad-badge-v685{
    height:20px !important;
    padding:0 8px !important;
    font-size:11px !important;
  }

  html body .wx63-main{
    order:4 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
  }

  html body .wx63-left,
  html body .wx63-right{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
  }

  html body .wx63-left{
    order:1 !important;
  }

  html body .wx63-right{
    order:2 !important;
  }

  html body #priceCenter.wx-home-price-light-v672d,
  html body .wx-price-carousel-ads-v685i,
  html body .wxssc-today-intel-v645-f7,
  html body .wxssc-vip-report-v646-f2b{
    width:100% !important;
    border-radius:8px !important;
    border:1px solid #e5e7eb !important;
    background:#fff !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  html body #priceCenter.wx-home-price-light-v672d:before{
    height:2px !important;
  }

  html body .wxssc-today-intel-v645-f7{
    border-top:2px solid #f97316 !important;
  }

  html body .wxssc-vip-report-v646-f2b{
    border-top:2px solid #0f172a !important;
  }

  html body .wxssc-today-intel-v645-f7,
  html body .wxssc-vip-report-v646-f2b{
    padding:11px 10px !important;
  }

  html body .wxsti46-top,
  html body .wxvip-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    margin-bottom:8px !important;
  }

  html body .wxsti46-kicker,
  html body .wxvip-kicker{
    height:19px !important;
    padding:0 6px !important;
    margin-bottom:4px !important;
    border-radius:4px !important;
    font-size:10px !important;
  }

  html body .wxsti46-title h2,
  html body .wxvip-title h2{
    font-size:20px !important;
    line-height:1.1 !important;
  }

  html body .wxsti46-sub,
  html body .wxvip-sub{
    font-size:11px !important;
    line-height:1.35 !important;
  }

  html body .wxsti46-more{
    height:27px !important;
    padding:0 9px !important;
    border-radius:4px !important;
    font-size:12px !important;
  }

  html body .wxsti46-livebar{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:5px !important;
    min-height:auto !important;
    padding:6px !important;
    border-radius:6px !important;
    background:#fff7ed !important;
  }

  html body .wxsti46-mode{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:5px !important;
    padding:0 !important;
  }

  html body .wxsti46-mode button{
    width:100% !important;
    height:27px !important;
    border-radius:4px !important;
    font-size:12px !important;
  }

  html body .wxsti46-tabs,
  html body .wxvip-tabs{
    display:flex !important;
    overflow-x:auto !important;
    gap:5px !important;
    padding:0 0 7px !important;
    scrollbar-width:none !important;
  }

  html body .wxsti46-tabs::-webkit-scrollbar,
  html body .wxvip-tabs::-webkit-scrollbar{
    display:none !important;
  }

  html body .wxsti46-tabs button,
  html body .wxvip-tabs button{
    flex:0 0 auto !important;
    height:25px !important;
    padding:0 8px !important;
    border-radius:4px !important;
    font-size:12px !important;
  }

  html body .wxsti46-list{
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
  }

  html body .wxsti46-item{
    display:grid !important;
    grid-template-columns:40px 46px minmax(0,1fr) 18px !important;
    gap:7px !important;
    min-height:50px !important;
    padding:8px 0 !important;
    border-bottom:1px solid #eef2f7 !important;
  }

  html body .wxsti46-item:before{
    left:36px !important;
    top:32px !important;
    bottom:-9px !important;
    background:#e5e7eb !important;
  }

  html body .wxsti46-time{
    font-family:var(--wx-j10-num) !important;
    font-size:12px !important;
    color:#64748b !important;
  }

  html body .wxsti46-tag{
    min-width:40px !important;
    height:22px !important;
    padding:0 6px !important;
    border-radius:4px !important;
    font-size:11px !important;
  }

  html body .wxsti46-headline{
    font-size:14px !important;
    line-height:1.34 !important;
    white-space:normal !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
  }

  html body .wxsti46-desc{
    display:none !important;
  }

  html body .wxsti46-meta{
    justify-content:flex-start !important;
    padding-top:6px !important;
  }

  html body .wxsti46-meta span{
    display:none !important;
  }

  html body .wxsti46-foot{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:4px !important;
    font-size:11px !important;
  }

  html body .wxvip-valuebar{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:5px !important;
    margin:7px 0 !important;
  }

  html body .wxvip-value{
    min-height:42px !important;
    padding:7px 5px !important;
    border-radius:5px !important;
  }

  html body .wxvip-value b{
    font-size:12px !important;
    line-height:1.2 !important;
  }

  html body .wxvip-value span{
    display:none !important;
  }

  html body .wxvip-card{
    padding:9px 0 !important;
  }

  html body .wxvip-card h3{
    font-size:14px !important;
    line-height:1.35 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  html body .wxvip-card p{
    display:none !important;
  }

  html body .wxvip-metrics{
    margin-top:6px !important;
    overflow-x:auto !important;
    gap:5px !important;
  }

  html body .wxvip-cta{
    margin-top:8px !important;
    padding:9px !important;
    display:grid !important;
    grid-template-columns:1fr auto !important;
    gap:8px !important;
    border-radius:6px !important;
  }

  html body .wxvip-cta strong{
    font-size:13px !important;
    line-height:1.35 !important;
  }

  html body .wxvip-cta span{
    display:none !important;
  }

  html body .wxvip-cta a{
    height:28px !important;
    padding:0 9px !important;
    border-radius:4px !important;
    font-size:12px !important;
  }

  html body .wx-price-carousel-ads-v685i{
    max-height:160px !important;
    margin:0 !important;
  }

  html body .wx6514c-bottom-market{
    height:40px !important;
  }
}

/* WXSSC 20260702 mobile polish m3
   Reduce first-screen weight and turn the home quote preview into a mobile market list. */
@media (max-width: 760px){
  html body{
    background:#f3f6fa !important;
  }

  html body .wx63-page{
    gap:7px !important;
    padding:0 7px !important;
  }

  html body .wx6513d-ticker{
    height:30px !important;
    margin-top:6px !important;
    border-radius:5px !important;
  }

  html body .wx-ss-futures-ref-v6566e,
  html body .hm-panel.hm-spot,
  html body .hm-joint-decision-v684,
  html body #priceCenter.wx-home-price-light-v672d,
  html body .wx-price-carousel-ads-v685i,
  html body .wxssc-today-intel-v645-f7,
  html body .wxssc-vip-report-v646-f2b{
    border-radius:7px !important;
    border-color:#e8edf4 !important;
    box-shadow:0 1px 0 rgba(15,23,42,.03) !important;
  }

  html body .wx-ss-futures-ref-v6566e,
  html body .hm-panel.hm-spot{
    padding:10px !important;
  }

  html body .wx-ss-fr-head-v6566e,
  html body .hm-spot-top{
    margin-bottom:7px !important;
  }

  html body .wx-ss-fr-title-v6566e,
  html body .hm-spot-title h3{
    font-size:18px !important;
  }

  html body .wx-ss-fr-sub-v6566e,
  html body .hm-spot-title p{
    font-size:11px !important;
    line-height:1.35 !important;
  }

  html body .wx-ss-fr-price-card-v6566e,
  html body .wx-ss-fr-context-v6566e,
  html body .hm-main-price,
  html body .hm-source-card{
    padding:9px !important;
    border-radius:6px !important;
  }

  html body .wx-ss-fr-price-v6566e,
  html body .hm-main-number{
    font-size:30px !important;
  }

  html body .wx-ss-fr-mini-trend-v6566e{
    height:96px !important;
  }

  html body .hm-sparkline{
    height:38px !important;
  }

  html body .wx-ss-fr-metrics-v6566e,
  html body .hm-spot-grid,
  html body .wx-v684-spot-features{
    gap:5px !important;
    margin-top:6px !important;
  }

  html body .wx-home-ads-v685{
    gap:5px !important;
  }

  html body .wx-home-ad-v685{
    height:42px !important;
    min-height:42px !important;
    border-radius:6px !important;
  }

  html body .wx-home-ad-title-v685{
    font-size:13px !important;
  }

  html body .wx-home-ad-sub-v685,
  html body .wx-home-ad-action-v685{
    font-size:11px !important;
  }

  html body #priceCenter .wx-hpl672d-inner{
    padding:10px !important;
  }

  html body #priceCenter .wx-hpl672d-kicker{
    height:18px !important;
    padding:0 6px !important;
    border-radius:4px !important;
    font-size:10px !important;
  }

  html body #priceCenter .wx-hpl672d h2{
    margin-top:8px !important;
    font-size:21px !important;
    line-height:1.15 !important;
  }

  html body #priceCenter .wx-hpl672d p{
    margin-top:6px !important;
    font-size:12px !important;
    line-height:1.45 !important;
  }

  html body #priceCenter .wx-hpl672d-actions{
    margin-top:8px !important;
  }

  html body #priceCenter .wx-hpl672d-btn{
    height:32px !important;
    border-radius:5px !important;
    font-size:12px !important;
  }

  html body #priceCenter .wx-hpl672d-search{
    margin-top:9px !important;
    gap:6px !important;
  }

  html body #priceCenter .wx-hpl672d-input{
    height:34px !important;
    border-radius:5px !important;
    font-size:12px !important;
  }

  html body #priceCenter .wx-hpl672d-chips{
    margin-top:7px !important;
    gap:5px !important;
  }

  html body #priceCenter .wx-hpl672d-chip{
    height:24px !important;
    padding:0 8px !important;
    border-radius:4px !important;
    font-size:12px !important;
  }

  html body #priceCenter .wx-hpl672d-summary{
    margin-top:8px !important;
    gap:5px !important;
  }

  html body #priceCenter .wx-hpl672d-stat{
    min-height:44px !important;
    padding:7px !important;
    border-radius:5px !important;
  }

  html body #priceCenter .wx-hpl672d-stat span{
    font-size:10px !important;
  }

  html body #priceCenter .wx-hpl672d-stat b{
    margin-top:2px !important;
    font-size:15px !important;
  }

  html body #priceCenter .wx-hpl672d-table-wrap{
    margin-top:8px !important;
    border-radius:6px !important;
    border-color:#e8edf4 !important;
    overflow:hidden !important;
  }

  html body #priceCenter .wx-hpl672d-table,
  html body #priceCenter .wx-hpl672d-table tbody{
    display:block !important;
    width:100% !important;
  }

  html body #priceCenter .wx-hpl672d-table thead{
    display:none !important;
  }

  html body #priceCenter .wx-hpl672d-table tr{
    display:grid !important;
    grid-template-columns:64px minmax(0,1fr) auto !important;
    grid-template-areas:
      "company product price"
      "company change date" !important;
    align-items:center !important;
    column-gap:8px !important;
    row-gap:4px !important;
    min-height:54px !important;
    padding:9px 8px !important;
    border-bottom:1px solid #eef2f7 !important;
    background:#fff !important;
  }

  html body #priceCenter .wx-hpl672d-table tr:nth-child(even){
    background:#fbfdff !important;
  }

  html body #priceCenter .wx-hpl672d-table td{
    display:block !important;
    padding:0 !important;
    border:0 !important;
    min-width:0 !important;
    font-size:12px !important;
    line-height:1.25 !important;
    white-space:normal !important;
  }

  html body #priceCenter .wx-hpl672d-table td:nth-child(1){
    grid-area:company !important;
    font-size:13px !important;
    font-weight:950 !important;
    color:#0f172a !important;
  }

  html body #priceCenter .wx-hpl672d-table td:nth-child(2){
    grid-area:product !important;
    font-size:13px !important;
    font-weight:950 !important;
    color:#0f172a !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  html body #priceCenter .wx-hpl672d-table td:nth-child(3){
    grid-area:price !important;
    justify-self:end !important;
    text-align:right !important;
  }

  html body #priceCenter .wx-hpl672d-table td:nth-child(4){
    grid-area:change !important;
    justify-self:start !important;
  }

  html body #priceCenter .wx-hpl672d-table td:nth-child(5){
    grid-area:date !important;
    justify-self:end !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:5px !important;
    text-align:right !important;
  }

  html body #priceCenter .wx-hpl672d-price{
    min-width:auto !important;
    height:auto !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#dc2626 !important;
    font-size:15px !important;
    font-family:var(--wx-j10-num) !important;
    font-weight:950 !important;
  }

  html body #priceCenter .wx-hpl672d-up,
  html body #priceCenter .wx-hpl672d-down,
  html body #priceCenter .wx-hpl672d-flat{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:42px !important;
    height:20px !important;
    padding:0 7px !important;
    border-radius:999px !important;
    font-size:11px !important;
    font-weight:950 !important;
    line-height:1 !important;
  }

  html body #priceCenter .wx-hpl672d-up{
    color:#dc2626 !important;
    background:#fff1f2 !important;
    border:1px solid #fecdd3 !important;
  }

  html body #priceCenter .wx-hpl672d-down{
    color:#16a34a !important;
    background:#f0fdf4 !important;
    border:1px solid #bbf7d0 !important;
  }

  html body #priceCenter .wx-hpl672d-flat{
    color:#94a3b8 !important;
    background:#f8fafc !important;
    border:1px solid #e5e7eb !important;
    min-width:28px !important;
  }

  html body #priceCenter .wx-hpl672d-session{
    height:20px !important;
    padding:0 6px !important;
    border-radius:999px !important;
    font-size:11px !important;
    background:#fff7ed !important;
    border:1px solid #fed7aa !important;
    color:#ea580c !important;
  }

  html body #priceCenter .wx-hpl672d-date b{
    font-size:11px !important;
    font-family:var(--wx-j10-num) !important;
    color:#64748b !important;
    font-weight:900 !important;
  }

  html body #priceCenter .wx-hpl672d-foot{
    margin-top:7px !important;
    gap:5px !important;
    font-size:11px !important;
  }

  html body #priceCenter .wx-hpl672d-foot-links{
    opacity:.78 !important;
  }

  html body .wxssc-today-intel-v645-f7,
  html body .wxssc-vip-report-v646-f2b{
    padding:10px 9px !important;
  }

  html body .wxsti46-item{
    min-height:46px !important;
    padding:7px 0 !important;
  }

  html body .wxvip-card h3{
    font-size:13px !important;
  }
}