/* Mobile homepage visual baseline approved 2026-10-27. */
@media(max-width:680px){
  body[data-mobile-view="overview"]{background:#001916!important}
  body[data-mobile-view="overview"] .site-header{background:#001916!important;border-bottom:0!important;min-height:67px!important}
  body[data-mobile-view="overview"] .page-shell{background:#001916!important;padding:5px 9px 18px!important}
  body[data-mobile-view="overview"] .mobile-overview.jh-home{display:flex!important;flex-direction:column;gap:6px!important;color:#eef3fa;font-family:system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
  .jh-home [hidden]{display:none!important}
  .jh-home .jh-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .jh-home .jh-fx{min-width:0;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:6px 9px;border:1px solid #14749a;border-radius:8px;background:linear-gradient(105deg,#071320,#061b33);font-size:11px;color:#dbe5ed}
  .jh-home .jh-fx>b{white-space:nowrap;font-size:11px}.jh-home .jh-fx>span{white-space:nowrap;font-size:13px}.jh-home .jh-fx strong{color:#35e7bf;font-size:17px;font-variant-numeric:tabular-nums}.jh-home .jh-fx>small{font-size:9px;color:#9cb8c9;white-space:nowrap}
  .jh-home .jh-card{box-sizing:border-box;min-width:0;text-align:left;color:#eef2f9;overflow:hidden;padding:10px 10px 8px;border:1px solid #c99a25;border-radius:10px;background:linear-gradient(135deg,#262018 0,#071425 65%,#061529 100%)}
  .jh-home button.jh-card{appearance:none;width:100%;font:inherit;cursor:pointer}
  .jh-home .jh-card.jh-silver{border-color:#1887bb;background:linear-gradient(135deg,#102b4b,#071b32 78%)}
  .jh-home .jh-card header{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;line-height:1.25;min-width:0}
  .jh-home .jh-card header b{font-size:clamp(11px,3.35vw,15px);color:#fff2b8;white-space:nowrap}.jh-home .jh-card.jh-silver header b{color:#edf5ff}.jh-home .jh-card header span{font-size:10px;color:#bdc9da;white-space:nowrap}
  .jh-home .jh-price{display:flex;align-items:baseline;gap:4px;margin-top:5px;min-width:0;white-space:nowrap}.jh-home .jh-price strong{font-size:clamp(22px,7vw,33px);font-weight:750;line-height:1.08;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.jh-home .jh-price small{font-size:9px;color:#d6dce4;white-space:normal}
  .jh-home .jh-change{display:flex;gap:13px;min-height:17px;margin-top:2px;color:#ffd523;font-variant-numeric:tabular-nums;font-size:13px}.jh-home .jh-change b{font-weight:700}
  .jh-home .jh-convert{display:flex;align-items:baseline;justify-content:space-between;gap:4px;margin-top:5px;padding:7px 0 5px;border-top:1px solid #33465e;font-size:10px;white-space:nowrap}.jh-home .jh-convert strong{font-size:16px;font-variant-numeric:tabular-nums}.jh-home .jh-convert small{font-size:9px}
  .jh-home .jh-stats{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:5px;padding-top:5px;border-top:1px solid #30465c;font-size:10px;color:#d8e2ed}.jh-home .jh-stats span{min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.25}.jh-home .jh-stats span+span{padding-left:10px;border-left:1px solid #33485b}.jh-home .jh-stats b{font-size:13px;color:#f0f3f7;font-variant-numeric:tabular-nums}
  .jh-home .jh-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:3px;margin-top:5px;color:#aebdca;font-size:9px;line-height:1.3}.jh-home .jh-meta time{font-variant-numeric:tabular-nums}
  .jh-home .jh-wide{border:1px solid #cc9b28;border-radius:10px;padding:9px 10px 8px;background:linear-gradient(110deg,#1b1a17,#061831 68%);overflow:hidden}
  .jh-home .jh-wide h2{margin:0;padding:0 0 6px;border-bottom:1px solid #33455e;color:#fff0aa;font-size:17px;line-height:1.2}.jh-home .jh-halves{display:grid;grid-template-columns:1fr 1fr;gap:0}.jh-home .jh-half{min-width:0;padding:7px 8px 0}.jh-home .jh-half+ .jh-half{border-left:1px solid #384b64}.jh-home .jh-half header{display:flex;align-items:baseline;justify-content:center;gap:6px}.jh-home .jh-half header b{color:#f1d05b;font-size:12px}.jh-home .jh-half header small{color:#d9e5ed;font-size:10px}.jh-home .jh-basis-silver header b{color:#dcecff}
  .jh-home .jh-basis-value{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.jh-home .jh-basis-value>strong{font-size:clamp(21px,6.5vw,31px);font-variant-numeric:tabular-nums;color:#ffd076}.jh-home .jh-basis-silver .jh-basis-value>strong{color:#71dff6}.jh-home .jh-basis-value>span{display:flex;flex-direction:column;font-size:9px;color:#cbd3dd}.jh-home .jh-basis-value>span b{font-size:11px;color:#f3d16b}.jh-home .jh-basis .jh-meta{justify-content:center}
  .jh-home .jh-ratio{border-color:#bc48e7;background:linear-gradient(120deg,#26174a,#0e112d 76%)}.jh-home .jh-ratio h2{color:#efb8f7}.jh-home .jh-ratio .jh-half{text-align:center}.jh-home .jh-ratio .jh-half>b{font-size:12px;color:#e6c6ed}.jh-home .jh-ratio-number{display:block;font-size:clamp(24px,7vw,34px);line-height:1.1;color:#efa9f3;font-variant-numeric:tabular-nums}.jh-home .jh-ratio-change{margin:6px 0 0;font-size:10px;color:#e4dbea}.jh-home .jh-ratio-change b{font-size:12px;color:#f1b9ef}.jh-home .jh-ratio .jh-stats{text-align:left}
  .jh-home .jh-dark-pct{margin:6px 0 0;font-size:10px;color:#e7edf4;white-space:nowrap}.jh-home .jh-dark-pct b{padding-left:6px;color:#ffd523;font-size:13px;font-variant-numeric:tabular-nums}
  .jh-home .jh-institutions{display:block}.jh-home .mobile-rongtong-grid{display:grid;grid-template-columns:1fr;gap:6px}
  .jh-home .jh-provider{padding:9px;border:1px solid #a77e26;border-radius:10px;background:linear-gradient(115deg,#191a1a,#061a31 75%);overflow:hidden}.jh-home .jh-provider>header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:3px;padding-bottom:6px}.jh-home .jh-provider>header>b{font-size:17px;color:#ffe8a6}.jh-home .jh-provider>header>span{font-size:9px;color:#b0bfcb}.jh-home .jh-provider-metals{display:grid;grid-template-columns:1fr 1fr;gap:7px}.jh-home .jh-provider-metals section{min-width:0;border:1px solid #2b455e;border-radius:8px;background:rgba(4,17,33,.58);padding:7px}.jh-home .jh-provider-metals h3{margin:0 0 5px;font-size:12px;color:#f3d777}.jh-home .jh-provider-metals section+section h3{color:#e5efff}.jh-home .jh-provider-prices{display:grid;grid-template-columns:1fr 1fr}.jh-home .jh-provider-prices>div{min-width:0;overflow:hidden}.jh-home .jh-provider-prices>div+div{padding-left:6px;border-left:1px solid #30435a}.jh-home .jh-provider-prices small{display:block;color:#ced9e5;font-size:10px}.jh-home .jh-provider-prices strong{display:block;font-size:clamp(14px,4.3vw,20px);font-variant-numeric:tabular-nums;color:#f4f6fa;line-height:1.2}.jh-home .jh-provider-prices p{margin:4px 0 0;color:#c5d0dc;font-size:9px;white-space:nowrap}
  .jh-home .mobile-page-risk-note{margin:7px 0;color:#8da3b0;font-size:10px;line-height:1.5;text-align:center}
  .jh-home .positive{color:#ffcf3a!important}.jh-home .negative{color:#66d9ed!important}.jh-home .neutral{color:#c4d0de!important}
}
@media(max-width:360px){.jh-home .jh-card{padding:8px!important}.jh-home .jh-card header b{font-size:11px}.jh-home .jh-price strong{font-size:21px}.jh-home .jh-provider-prices p{font-size:8px}.jh-home .jh-fx>small{display:none}}

/* Approved mobile palette: deep jade, antique gold, wine-red rise and emerald-green fall. */
@media(max-width:680px){
  body[data-mobile-view="overview"] .site-header{background:linear-gradient(115deg,#001a17,#06352e)!important}
  body[data-mobile-view="overview"] .page-shell{background:#001916!important}
  .jh-home .jh-fx{display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:6px 9px;border-color:#4c8b79;background:linear-gradient(105deg,#06221e,#0a312a);color:#d5e2d7}
  .jh-home .jh-fx-main{display:flex;align-items:baseline;justify-content:space-between;gap:6px;min-width:0;flex-wrap:wrap}
  .jh-home .jh-fx-main>b{font-size:11px;color:#ead8ad;white-space:nowrap}
  .jh-home .jh-fx-main>span{font-size:12px;color:#dce4da;white-space:nowrap}
  .jh-home .jh-fx-main small{font-size:9px;color:#b7c9c1;white-space:nowrap}
  .jh-home .jh-fx strong{color:#77d6b0;font-size:17px;font-variant-numeric:tabular-nums}
  .jh-home .jh-fx-range{display:flex;justify-content:flex-end;gap:12px;font-size:9px;color:#bdcfc6;line-height:1.3}
  .jh-home .jh-fx-range span{white-space:nowrap}.jh-home .jh-fx-range b{font-size:10px;color:#dbe7dc;font-variant-numeric:tabular-nums}
  .jh-home .jh-fx-range span:first-child{color:#dfc695}.jh-home .jh-fx-range span:last-child{color:#b7d4d6}
  .jh-home .jh-card{border-color:#bba06e;background:linear-gradient(135deg,#292719,#10271f 44%,#032820 100%);color:#dce6df}
  .jh-home .jh-card.jh-silver{border-color:#82a8a5;background:linear-gradient(135deg,#263d3d,#12312c 48%,#032820 100%)}
  .jh-home .jh-card header b{color:#efd49a}.jh-home .jh-card.jh-silver header b{color:#d2e3e6}.jh-home .jh-card header span{color:#bbd0c9}
  .jh-home .jh-gold .jh-price strong{color:#f0d294}.jh-home .jh-silver .jh-price strong{color:#c8dfe8}
  .jh-home .jh-price small,.jh-home .jh-convert small{color:#c5d5cf}.jh-home .jh-convert{border-color:#41685d;color:#d8ded2}.jh-home .jh-convert strong{color:#e0e6da}
  .jh-home .jh-change{color:#f18391}.jh-home .jh-dark-pct{color:#d5e1d6}.jh-home .jh-dark-pct b{color:#c8d5cd}
  .jh-home .jh-stats{border-color:#41675d;color:#d5c297}.jh-home .jh-stats span+span{border-color:#41675d;color:#b9d4d5}.jh-home .jh-stats b{color:#dbe8df}
  .jh-home .jh-meta{color:#adcbc0}
  .jh-home .jh-wide{border-color:#bba06e;background:linear-gradient(110deg,#2a2a1b,#0c2c24 55%,#082d27)}
  .jh-home .jh-wide h2{border-color:#42675c;color:#efd49a}.jh-home .jh-half+ .jh-half{border-color:#71918a}.jh-home .jh-half header b{color:#e6c481}.jh-home .jh-half header small{color:#c6d7d1}.jh-home .jh-basis-silver header b{color:#c8dfe8}
  .jh-home .jh-basis-value>strong,.jh-home .jh-basis-value>strong.positive,.jh-home .jh-basis-value>strong.negative,.jh-home .jh-basis-value>strong.neutral{color:#f0d294!important}
  .jh-home .jh-basis-silver .jh-basis-value>strong,.jh-home .jh-basis-silver .jh-basis-value>strong.positive,.jh-home .jh-basis-silver .jh-basis-value>strong.negative,.jh-home .jh-basis-silver .jh-basis-value>strong.neutral{color:#c8dfe8!important}
  .jh-home .jh-basis-value>span{color:#bfd1ca}.jh-home .jh-basis-value>span b{color:#cbdad2}
  .jh-home .jh-ratio{border-color:#af8bbf;background:linear-gradient(120deg,#302239,#161b26 76%)}.jh-home .jh-ratio h2{color:#e0bbe9}.jh-home .jh-ratio .jh-half>b{color:#dbc8e1}.jh-home .jh-ratio-number{color:#e2b8e6}.jh-home .jh-ratio-change{color:#d8d2dc}.jh-home .jh-ratio-change b{color:#d6d2d8}
  .jh-home .jh-provider{border-color:#ad996e;background:linear-gradient(115deg,#24291d,#092a23 75%)}.jh-home .jh-provider>header>b{color:#e8cd91}.jh-home .jh-provider>header>span{color:#b7cdc2}.jh-home .jh-provider-metals section{border-color:#446c60;background:rgba(2,30,24,.63)}.jh-home .jh-provider-metals h3{color:#e7c986}.jh-home .jh-provider-metals section+section h3{color:#c8dfe8}.jh-home .jh-provider-prices>div+div{border-color:#446c60}.jh-home .jh-provider-prices small,.jh-home .jh-provider-prices p{color:#c3d4cb}.jh-home .jh-provider-prices strong{color:#e0e9df}.jh-home .jh-provider-prices p{white-space:normal;overflow-wrap:anywhere;line-height:1.25}
  .jh-home .mobile-page-risk-note{color:#a7c1b6}
  .jh-home .positive{color:#f18391!important}.jh-home .negative{color:#77d6b0!important}.jh-home .neutral{color:#c3d2c9!important}
}

/* Header additions are only shown on the approved mobile overview. */
.mobile-home-en,.mobile-home-subtitle,.mobile-clock-full{display:none}
@media(max-width:680px){
  /* Keep the canvas close to black; jade is an accent, not a full-screen fill. */
  body[data-mobile-view="overview"]{background:#050909!important}
  body[data-mobile-view="overview"] .site-header{background:linear-gradient(110deg,#070b0a 0%,#08130f 70%,#050909 100%)!important}
  body[data-mobile-view="overview"] .page-shell{background:#050909!important}
  body[data-mobile-view="overview"] .site-header{grid-template-columns:minmax(0,1fr) auto;column-gap:6px}
  body[data-mobile-view="overview"] .classic-brand{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%}
  body[data-mobile-view="overview"] .brand-emblem{width:28px!important;height:28px!important;flex:0 0 28px!important}
  body[data-mobile-view="overview"] .brand-emblem:before{inset:5px}
  body[data-mobile-view="overview"] .brand-emblem:after{width:12px;height:12px}
  body[data-mobile-view="overview"] .brand-emblem i:before,body[data-mobile-view="overview"] .brand-emblem i:after{width:25px;height:14px}
  body[data-mobile-view="overview"] .classic-brand-copy{display:flex;flex-direction:column;align-items:center;gap:2px;flex:0 0 auto;min-width:0}
  body[data-mobile-view="overview"] .classic-brand-copy>b{font-size:clamp(16px,4.55vw,20px)!important;letter-spacing:.015em!important;line-height:1!important}
  body[data-mobile-view="overview"] .classic-brand-copy>small{display:none!important}
  body[data-mobile-view="overview"] .mobile-home-en{display:block;color:#e9c979;font-size:7px;font-weight:700;letter-spacing:.25em;line-height:1;white-space:nowrap}
  body[data-mobile-view="overview"] .mobile-home-subtitle{display:block;flex:0 0 auto;padding-left:7px;border-left:1px solid #ae996a;color:#d5ddd3;font-size:clamp(9px,2.7vw,11px);line-height:1.6;letter-spacing:0;white-space:nowrap}
  body[data-mobile-view="overview"] .header-right{max-width:none}
  body[data-mobile-view="overview"] .beijing-clock{display:flex;flex-direction:row;align-items:center;gap:3px;max-width:none;white-space:nowrap}
  body[data-mobile-view="overview"] .beijing-clock small{display:inline;margin:0;font-size:8px!important;line-height:1;white-space:nowrap}
  body[data-mobile-view="overview"] .beijing-clock #clockFull{display:none}
  body[data-mobile-view="overview"] .beijing-clock .mobile-clock-full{display:inline}
  body[data-mobile-view="overview"] .beijing-clock strong{font-size:clamp(9px,2.7vw,11px)!important}
  body[data-mobile-view="overview"] .jh-home .jh-fx{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:3px 8px;padding:6px 8px;border-color:#566d60;background:linear-gradient(100deg,#0c1210,#0a1713)}
  body[data-mobile-view="overview"] .jh-home .jh-fx-main{display:flex;align-items:baseline;gap:5px;flex:0 1 auto;min-width:0;flex-wrap:nowrap}
  body[data-mobile-view="overview"] .jh-home .jh-fx-main>b{font-size:10px;color:#dfd4b8;white-space:nowrap}
  body[data-mobile-view="overview"] .jh-home .jh-fx-main>span{font-size:11px;white-space:nowrap}
  body[data-mobile-view="overview"] .jh-home .jh-fx-main strong{font-size:15px;color:#77d6b0}
  body[data-mobile-view="overview"] .jh-home .jh-fx-main small{font-size:8px;color:#b7c9c1}
  body[data-mobile-view="overview"] .jh-home .jh-fx-range{display:flex;flex:0 1 auto;justify-content:flex-end;gap:7px;font-size:9px;line-height:1.25}
  body[data-mobile-view="overview"] .jh-home .jh-fx-range b{font-size:9px}
  body[data-mobile-view="overview"] .jh-home .jh-fx>small{display:block;flex:0 0 auto;color:#b7c9c1;font-size:8px;white-space:nowrap}
  body[data-mobile-view="overview"] .jh-home .jh-card.jh-gold{border-color:#9d845c;background:linear-gradient(135deg,#242017 0%,#101310 50%,#0a1110 100%)}
  body[data-mobile-view="overview"] .jh-home .jh-card.jh-silver{border-color:#73898b;background:linear-gradient(135deg,#1d282b 0%,#101a1a 52%,#0a1112 100%)}
  body[data-mobile-view="overview"] .jh-home .jh-basis{border-color:#887b62;background:linear-gradient(110deg,#201d17 0%,#101612 46%,#0c1615 100%)}
  body[data-mobile-view="overview"] .jh-home .jh-ratio{border-color:#a985b9;background:linear-gradient(120deg,#2a202e,#16171f 80%)}
  body[data-mobile-view="overview"] .jh-home .jh-provider{border-color:#857a5f;background:linear-gradient(115deg,#191b16,#0a1512 75%)}
  body[data-mobile-view="overview"] .jh-home .jh-provider-metals section{border-color:#3b5049;background:rgba(7,15,13,.82)}
}
@media(max-width:360px){
  body[data-mobile-view="overview"] .classic-brand{gap:4px}
  body[data-mobile-view="overview"] .brand-emblem{width:25px!important;height:25px!important;flex-basis:25px!important}
  body[data-mobile-view="overview"] .classic-brand-copy>b{font-size:16px!important}
  body[data-mobile-view="overview"] .mobile-home-subtitle{font-size:9px;padding-left:5px}
  body[data-mobile-view="overview"] .beijing-clock strong{font-size:9px!important}
}

/* Uploaded image is the sole mobile-home visual reference (2026-10-27). */
@media(max-width:680px){
  body[data-mobile-view="overview"]{background:#00110d!important}
  body[data-mobile-view="overview"] .site-header{
    background:
      radial-gradient(ellipse at 45% -95%,rgba(164,132,61,.16),transparent 53%),
      linear-gradient(125deg,#00100b 0%,#00251a 50%,#00140f 100%)!important;
  }
  body[data-mobile-view="overview"] .page-shell{
    background:linear-gradient(160deg,#00100c,#001a14 36%,#000e0b 100%)!important;
  }
  body[data-mobile-view="overview"] .jh-home .jh-fx{
    border-color:#88a396;
    background:linear-gradient(105deg,#071611,#001e16 65%,#00120f);
    color:#e5e5d7;
  }
  body[data-mobile-view="overview"] .jh-home .jh-fx-main strong{color:#b5ef5c}
  body[data-mobile-view="overview"] .jh-home .jh-card.jh-gold{
    border-color:#d1b675;
    background:
      radial-gradient(ellipse at 8% -8%,rgba(174,136,56,.38),transparent 53%),
      linear-gradient(155deg,transparent 32%,rgba(204,162,84,.05) 32.3%,transparent 33%),
      linear-gradient(125deg,#0e2115,#001b15 58%,#001711);
  }
  body[data-mobile-view="overview"] .jh-home .jh-card.jh-silver{
    border-color:#a6c2c5;
    background:
      radial-gradient(ellipse at 96% -10%,rgba(133,174,184,.32),transparent 55%),
      linear-gradient(148deg,transparent 42%,rgba(177,199,199,.05) 42.3%,transparent 43%),
      linear-gradient(125deg,#061c1a,#001d16 58%,#001510);
  }
  body[data-mobile-view="overview"] .jh-home .jh-basis{
    border-color:#b0c8bc;
    background:
      radial-gradient(ellipse at -8% 0%,rgba(171,134,49,.27),transparent 45%),
      radial-gradient(ellipse at 106% 0%,rgba(109,158,162,.24),transparent 42%),
      linear-gradient(105deg,#071f17,#001d17 56%,#071f1c);
  }
  body[data-mobile-view="overview"] .jh-home .jh-ratio{
    border-color:#d4a9da;
    background:
      radial-gradient(ellipse at 2% -30%,rgba(160,108,180,.2),transparent 54%),
      radial-gradient(ellipse at 100% -25%,rgba(153,104,168,.2),transparent 54%),
      linear-gradient(120deg,#241b2b,#10151c 62%,#1c1c2b);
  }
  body[data-mobile-view="overview"] .jh-home .jh-provider{
    border-color:#a4bcaf;
    background:
      radial-gradient(ellipse at -5% -25%,rgba(170,136,55,.24),transparent 49%),
      radial-gradient(ellipse at 105% -20%,rgba(110,156,161,.18),transparent 44%),
      linear-gradient(110deg,#081d15,#001b15 60%,#071e1b);
  }
  body[data-mobile-view="overview"] .jh-home .jh-provider-metals section{
    border-color:#345b50;background:rgba(0,24,18,.74);
  }
  body[data-mobile-view="overview"] .jh-home .jh-gold .jh-price strong{color:#ffdc97}
  body[data-mobile-view="overview"] .jh-home .jh-silver .jh-price strong{color:#cfe2f6}
  body[data-mobile-view="overview"] .jh-home .jh-ratio-number{color:#ecc1ec}
  body[data-mobile-view="overview"] .jh-home .positive{color:#f65c76!important}
  body[data-mobile-view="overview"] .jh-home .negative{color:#b5ef5c!important}
  body[data-mobile-view="overview"] .jh-home .jh-basis-value>strong{color:#ffdc97!important}
  body[data-mobile-view="overview"] .jh-home .jh-basis-silver .jh-basis-value>strong{color:#cfe2f6!important}
}

/* Mobile reference: compact cards and consistent baselines; overview only. */
@media (max-width:680px) {
  body[data-mobile-view="overview"] .site-header {
    min-height:50px!important;height:auto!important;padding:5px 9px!important;
  }
  body[data-mobile-view="overview"] .page-shell {padding:4px 8px 18px!important}
  body[data-mobile-view="overview"] .mobile-overview.jh-home {gap:5px!important}
  body[data-mobile-view="overview"] .jh-home .jh-pair {gap:6px;align-items:stretch}
  body[data-mobile-view="overview"] .jh-home .jh-fx {
    min-height:25px;padding:3px 6px;gap:2px 5px;flex-direction:row;align-items:center;flex-wrap:wrap;
  }
  body[data-mobile-view="overview"] .jh-home .jh-fx-main {gap:4px;flex:0 1 auto;flex-wrap:nowrap}
  body[data-mobile-view="overview"] .jh-home .jh-fx-main>b {font-size:9px}
  body[data-mobile-view="overview"] .jh-home .jh-fx-main>span {font-size:10px}
  body[data-mobile-view="overview"] .jh-home .jh-fx-main strong {font-size:14px}
  body[data-mobile-view="overview"] .jh-home .jh-fx-range {gap:5px;font-size:8px}
  body[data-mobile-view="overview"] .jh-home .jh-fx-range b {font-size:8.5px}
  body[data-mobile-view="overview"] .jh-home .jh-fx>small {font-size:8px}

  body[data-mobile-view="overview"] .jh-home .jh-card {
    padding:6px 7px 5px;min-width:0;overflow:visible;
  }
  body[data-mobile-view="overview"] .jh-home .jh-card header {
    display:flex;flex-wrap:nowrap;align-items:baseline;justify-content:flex-start;gap:3px;min-width:0;line-height:1.2;
  }
  body[data-mobile-view="overview"] .jh-home .jh-card header b {
    font-size:clamp(9px,2.62vw,10.5px);letter-spacing:-.02em;white-space:nowrap;
  }
  body[data-mobile-view="overview"] .jh-home .jh-card header span {
    font-size:clamp(7px,2vw,8.5px);letter-spacing:-.02em;white-space:nowrap;
  }
  body[data-mobile-view="overview"] .jh-home .jh-price {
    margin-top:3px;gap:4px;align-items:baseline;flex-wrap:wrap;white-space:normal;
  }
  body[data-mobile-view="overview"] .jh-home .jh-price strong {
    font-size:clamp(19px,5.8vw,23px);line-height:1.03;letter-spacing:-.025em;overflow-wrap:anywhere;
  }
  body[data-mobile-view="overview"] .jh-home .jh-price small {font-size:8px;white-space:nowrap}
  body[data-mobile-view="overview"] .jh-home .jh-change {
    margin-top:2px;min-height:12px;gap:9px;font-size:11px;line-height:1.15;
  }
  body[data-mobile-view="overview"] .jh-home .jh-convert {
    justify-content:flex-start;gap:4px;margin-top:3px;padding:3px 0 2px;font-size:9px;line-height:1.2;
  }
  body[data-mobile-view="overview"] .jh-home .jh-convert strong {margin-left:auto;font-size:13px;overflow-wrap:anywhere}
  body[data-mobile-view="overview"] .jh-home .jh-convert small {font-size:8px}
  body[data-mobile-view="overview"] .jh-home .jh-stats {
    margin-top:3px;padding-top:3px;font-size:8.5px;line-height:1.15;
  }
  body[data-mobile-view="overview"] .jh-home .jh-stats span {gap:1px}
  body[data-mobile-view="overview"] .jh-home .jh-stats span+span {padding-left:6px}
  body[data-mobile-view="overview"] .jh-home .jh-stats b {
    font-size:11.5px;line-height:1.1;white-space:normal;overflow-wrap:anywhere;
  }
  body[data-mobile-view="overview"] .jh-home .jh-meta {
    justify-content:flex-start;align-items:baseline;gap:3px;margin-top:3px;font-size:8px;line-height:1.2;
  }
  body[data-mobile-view="overview"] .jh-home .jh-meta time {white-space:nowrap;overflow-wrap:normal}

  body[data-mobile-view="overview"] .jh-home .jh-wide {padding:6px 7px}
  body[data-mobile-view="overview"] .jh-home .jh-wide h2 {font-size:14px;padding-bottom:4px}
  body[data-mobile-view="overview"] .jh-home .jh-half {padding:4px 5px 0}
  body[data-mobile-view="overview"] .jh-home .jh-basis .jh-half {
    display:grid;grid-template-rows:auto minmax(27px,auto) minmax(12px,auto) auto;align-content:start;
  }
  body[data-mobile-view="overview"] .jh-home .jh-half header b {font-size:10px}
  body[data-mobile-view="overview"] .jh-home .jh-half header small {font-size:8px}
  body[data-mobile-view="overview"] .jh-home .jh-basis-value {
    display:grid;grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;align-items:center;gap:3px;
  }
  body[data-mobile-view="overview"] .jh-home .jh-basis-value>strong {
    font-size:clamp(18px,5.25vw,22px);line-height:1.1;text-align:center;overflow-wrap:anywhere;min-width:0;
  }
  body[data-mobile-view="overview"] .jh-home .jh-basis-value>span {
    display:flex;flex-direction:column;white-space:nowrap;font-size:8px;line-height:1.1;
  }
  body[data-mobile-view="overview"] .jh-home .jh-basis-value>span b {font-size:10px;line-height:1.1}
  body[data-mobile-view="overview"] .jh-home .jh-basis .jh-meta {justify-content:center;min-height:11px}
  body[data-mobile-view="overview"] .jh-home .jh-ratio .jh-half>b {font-size:10px}
  body[data-mobile-view="overview"] .jh-home .jh-ratio-number {font-size:clamp(20px,5.9vw,25px)}
  body[data-mobile-view="overview"] .jh-home .jh-ratio-change {margin:3px 0 0;font-size:8.5px;white-space:normal}
  body[data-mobile-view="overview"] .jh-home .jh-ratio-change b {font-size:10px}
  body[data-mobile-view="overview"] .jh-home .jh-dark-pct {margin:3px 0 0;font-size:9px;white-space:normal}
  body[data-mobile-view="overview"] .jh-home .jh-dark-pct b {font-size:11px}
  body[data-mobile-view="overview"] .jh-home .jh-provider {padding:6px 7px}
  body[data-mobile-view="overview"] .jh-home .jh-provider>header {padding-bottom:4px}
  body[data-mobile-view="overview"] .jh-home .jh-provider>header>b {font-size:14px}
  body[data-mobile-view="overview"] .jh-home .jh-provider>header>span {font-size:8px}
  body[data-mobile-view="overview"] .jh-home .jh-provider-metals {gap:5px}
  body[data-mobile-view="overview"] .jh-home .jh-provider-metals section {padding:5px}
  body[data-mobile-view="overview"] .jh-home .jh-provider-metals h3 {font-size:10px;margin-bottom:3px}
  body[data-mobile-view="overview"] .jh-home .jh-provider-prices>div {overflow:visible;min-width:0}
  body[data-mobile-view="overview"] .jh-home .jh-provider-prices>div+div {padding-left:4px}
  body[data-mobile-view="overview"] .jh-home .jh-provider-prices small {font-size:8px}
  body[data-mobile-view="overview"] .jh-home .jh-provider-prices strong {
    font-size:clamp(12px,3.8vw,16px);white-space:normal;overflow-wrap:anywhere;
  }
  body[data-mobile-view="overview"] .jh-home .jh-provider-prices p {
    margin:2px 0 0;font-size:clamp(7px,1.9vw,8px);line-height:1.16;white-space:normal;overflow-wrap:anywhere;
  }
}
@media (max-width:340px) {
  body[data-mobile-view="overview"] .jh-home .jh-card header {flex-wrap:wrap}
  body[data-mobile-view="overview"] .jh-home .jh-basis-value {grid-template-columns:1fr}
  body[data-mobile-view="overview"] .jh-home .jh-basis-value>span {align-items:center}
  body[data-mobile-view="overview"] .jh-home .jh-basis .jh-half {grid-template-rows:auto minmax(42px,auto) minmax(12px,auto) auto}
}

/* The approved mobile home omits individual quote states and quote times. */
@media (max-width:680px) {
  body[data-mobile-view="overview"] .jh-home .jh-meta,
  body[data-mobile-view="overview"] .jh-home .jh-provider>header>span {display:none!important}
  body[data-mobile-view="overview"] .jh-home .jh-basis .jh-half {
    grid-template-rows:auto minmax(27px,auto) auto;
  }
}
@media (max-width:340px) {
  body[data-mobile-view="overview"] .jh-home .jh-basis .jh-half {
    grid-template-rows:auto minmax(42px,auto) auto;
  }
}

/* Mobile overview: reference palette 3 (espresso, antique gold and silver). */
@media (max-width:680px) {
  body[data-mobile-view="overview"] {background:#100c0a!important}
  body[data-mobile-view="overview"] .site-header {
    background:radial-gradient(ellipse at 45% -95%,rgba(168,120,63,.15),transparent 53%),linear-gradient(125deg,#0e0a08,#211713 52%,#110d0b)!important;
  }
  body[data-mobile-view="overview"] .page-shell {
    background:linear-gradient(160deg,#100b09,#1a120f 36%,#0c0908 100%)!important;
  }
  body[data-mobile-view="overview"] .jh-home .jh-fx {
    border-color:#b19a7e;
    background:linear-gradient(105deg,#17110e,#1a1412 65%,#100c0a);
    color:#e9dfd1;
  }
  body[data-mobile-view="overview"] .jh-home .jh-fx-main strong {color:#b5ef5c}
  body[data-mobile-view="overview"] .jh-home .jh-fx-main>b {color:#e7d4ae}
  body[data-mobile-view="overview"] .jh-home .jh-fx-main>span {color:#eee7df}
  body[data-mobile-view="overview"] .jh-home .jh-fx>small {color:#d7c19a}
  body[data-mobile-view="overview"] .jh-home .jh-fx-range {color:#d6c8b7}
  body[data-mobile-view="overview"] .jh-home .jh-fx-range b {color:#ede8e1}
  body[data-mobile-view="overview"] .jh-home .jh-fx-range span:first-child {color:#e3ca91}
  body[data-mobile-view="overview"] .jh-home .jh-fx-range span:last-child {color:#c6cbd2}
  body[data-mobile-view="overview"] .jh-home .jh-card.jh-gold {
    border-color:#d8b77a;
    background:radial-gradient(ellipse at 8% -8%,rgba(177,123,51,.14),transparent 53%),linear-gradient(155deg,transparent 32%,rgba(204,162,84,.06) 32.3%,transparent 33%),linear-gradient(125deg,#24180e,#18110d 58%,#100c0a);
  }
  body[data-mobile-view="overview"] .jh-home .jh-card.jh-silver {
    border-color:#aeb2b8;
    background:radial-gradient(ellipse at 96% -10%,rgba(162,155,154,.10),transparent 55%),linear-gradient(148deg,transparent 42%,rgba(191,186,180,.05) 42.3%,transparent 43%),linear-gradient(125deg,#252322,#1b1919 58%,#121112);
  }
  body[data-mobile-view="overview"] .jh-home .jh-card {color:#eee8e3}
  body[data-mobile-view="overview"] .jh-home .jh-card header b {color:#f1d6a1}
  body[data-mobile-view="overview"] .jh-home .jh-card.jh-silver header b {color:#e3e6ec}
  body[data-mobile-view="overview"] .jh-home .jh-card header span {color:#c8c2bc}
  body[data-mobile-view="overview"] .jh-home .jh-price small,
  body[data-mobile-view="overview"] .jh-home .jh-convert small {color:#d8d1ca}
  body[data-mobile-view="overview"] .jh-home .jh-convert {border-color:#62594e;color:#e5dfd8}
  body[data-mobile-view="overview"] .jh-home .jh-convert strong {color:#f0ebe6}
  body[data-mobile-view="overview"] .jh-home .jh-stats {border-color:#62594f;color:#e5c98e}
  body[data-mobile-view="overview"] .jh-home .jh-stats span+span {border-color:#62594f;color:#c7cbd2}
  body[data-mobile-view="overview"] .jh-home .jh-stats b {color:#eeeae7}
  body[data-mobile-view="overview"] .jh-home .jh-wide h2 {border-color:#62534a;color:#f1d6a1}
  body[data-mobile-view="overview"] .jh-home .jh-half+.jh-half {border-color:#a88a9d}
  body[data-mobile-view="overview"] .jh-home .jh-half header b {color:#e8c782}
  body[data-mobile-view="overview"] .jh-home .jh-half header small {color:#ded9d2}
  body[data-mobile-view="overview"] .jh-home .jh-basis-silver header b {color:#e0e5ec}
  body[data-mobile-view="overview"] .jh-home .jh-basis {
    border-color:#c3b4a3;
    background:radial-gradient(ellipse at -8% 0%,rgba(175,122,49,.13),transparent 45%),radial-gradient(ellipse at 106% 0%,rgba(159,151,148,.20),transparent 42%),linear-gradient(105deg,#24180f,#1b1512 56%,#1a1716);
  }
  body[data-mobile-view="overview"] .jh-home .jh-basis-value>span {color:#dcd4cd}
  body[data-mobile-view="overview"] .jh-home .jh-ratio {
    border-color:#d4a9da;
    background:radial-gradient(ellipse at 2% -30%,rgba(166,99,168,.20),transparent 54%),radial-gradient(ellipse at 100% -25%,rgba(146,88,149,.19),transparent 54%),linear-gradient(120deg,#291b29,#191319 62%,#241822);
  }
  body[data-mobile-view="overview"] .jh-home .jh-ratio h2 {border-color:#675666;color:#e9c1e7}
  body[data-mobile-view="overview"] .jh-home .jh-ratio .jh-half>b {color:#e7dbe7}
  body[data-mobile-view="overview"] .jh-home .jh-ratio-change {color:#e2dbe2}
  body[data-mobile-view="overview"] .jh-home .jh-provider {
    border-color:#b5aa9d;
    background:radial-gradient(ellipse at -5% -25%,rgba(170,120,55,.13),transparent 49%),radial-gradient(ellipse at 105% -20%,rgba(155,148,142,.15),transparent 44%),linear-gradient(110deg,#24190f,#1a1411 60%,#1b1816);
  }
  body[data-mobile-view="overview"] .jh-home .jh-provider>header>b {color:#eaca8d}
  body[data-mobile-view="overview"] .jh-home .jh-provider-metals section {border-color:#62564b;background:rgba(22,16,13,.74)}
  body[data-mobile-view="overview"] .jh-home .jh-provider-metals h3 {color:#efd18c}
  body[data-mobile-view="overview"] .jh-home .jh-provider-metals section+section h3 {color:#e0e5ec}
  body[data-mobile-view="overview"] .jh-home .jh-provider-prices>div+div {border-color:#62564b}
  body[data-mobile-view="overview"] .jh-home .jh-provider-prices small,
  body[data-mobile-view="overview"] .jh-home .jh-provider-prices p {color:#d9d1c9}
  body[data-mobile-view="overview"] .jh-home .jh-provider-prices strong {color:#f0eae5}
  body[data-mobile-view="overview"] .mobile-home-subtitle {color:#e3dcd4}
  body[data-mobile-view="overview"] .beijing-clock small {color:#c7bfb6}
  body[data-mobile-view="overview"] .beijing-clock strong {color:#eee8e3}
  body[data-mobile-view="overview"] .mobile-overview.jh-home {color:#eee8e3}
  body[data-mobile-view="overview"] .jh-home .jh-dark-pct {color:#e2dbd3}
  body[data-mobile-view="overview"] .jh-home .jh-dark-pct b {color:#ddd4cc}
  body[data-mobile-view="overview"] .jh-home .jh-basis-value>span b {color:#ddd4cc}
  body[data-mobile-view="overview"] .jh-home .mobile-page-risk-note {color:#c2b4a8}
  body[data-mobile-view="overview"] .mobile-bottom-nav {background:rgba(18,13,11,.97);border-top-color:#554235}
  body[data-mobile-view="overview"] .mobile-bottom-nav button {color:#a59b91}
  body[data-mobile-view="overview"] .mobile-bottom-nav button.active {color:#e5bd60}
}

/* 仅用于手机首页配色预览；不更改页面结构或交互。 */
@media (max-width:680px){
body[data-mobile-view="overview"]{background-color:#000000!important;background-image:none!important;}
body[data-mobile-view="overview"] .site-header{background-color:#000000!important;background-image:none!important;}
body[data-mobile-view="overview"] .page-shell{background-color:#000000!important;background-image:none!important;}
body[data-mobile-view="overview"] .jh-home .jh-fx{background-color:#1b150c!important;background-image:linear-gradient(125deg,#1b150c,#090909)!important;border-color:#b68c4e!important;}
body[data-mobile-view="overview"] .jh-home .jh-card.jh-gold{background-color:#352611!important;background-image:linear-gradient(125deg,#352611,#090909)!important;border-color:#b68c4e!important;}
body[data-mobile-view="overview"] .jh-home .jh-card.jh-silver{background-color:#222426!important;background-image:linear-gradient(125deg,#222426,#090909)!important;border-color:#b68c4e!important;}
body[data-mobile-view="overview"] .jh-home .jh-basis{background-color:#2b2114!important;background-image:linear-gradient(125deg,#2b2114,#090909)!important;border-color:#b68c4e!important;}
body[data-mobile-view="overview"] .jh-home .jh-ratio{background-color:#262018!important;background-image:linear-gradient(125deg,#262018,#090909)!important;border-color:#b68c4e!important;}
body[data-mobile-view="overview"] .jh-home .jh-provider{background-color:#21190e!important;background-image:linear-gradient(125deg,#21190e,#090909)!important;border-color:#b68c4e!important;}
body[data-mobile-view="overview"] .jh-home .jh-provider-metals section{background-color:#17130d!important;background-image:none!important;border-color:#735e42!important;}
body[data-mobile-view="overview"] .jh-home .jh-wide h2{border-color:#735e42!important;color:#e2bc71!important;}
body[data-mobile-view="overview"] .jh-home .jh-ratio h2{color:#efd9ac!important;border-color:#735e42!important;}
body[data-mobile-view="overview"] .jh-home .jh-ratio-number{color:#efd9ac!important;}
body[data-mobile-view="overview"] .jh-home .jh-ratio .jh-half>b{color:#efd9ac!important;}
body[data-mobile-view="overview"] .jh-home .jh-ratio-change{color:#e5dde3!important;}
body[data-mobile-view="overview"] .jh-home .jh-provider-prices>div+div{border-color:#735e42!important;}
body[data-mobile-view="overview"] .jh-home .jh-half+.jh-half{border-color:#735e42!important;}
body[data-mobile-view="overview"] .mobile-bottom-nav{background-color:#080808!important;background-image:none!important;border-color:#735e42!important;}
body[data-mobile-view="overview"] .mobile-bottom-nav button.active{color:#efcd80!important;}
}

/* 用户要求：汇率更醒目，基差与金银比改为蓝紫色。 */
@media(max-width:680px){
body[data-mobile-view="overview"] .jh-home .jh-fx{background-color:#071b25!important;background-image:linear-gradient(110deg,#105963,#071b25)!important;border-color:#4de4eb!important;color:#b5f9fa!important;}
body[data-mobile-view="overview"] .jh-home .jh-fx-main b,body[data-mobile-view="overview"] .jh-home .jh-fx-main span,body[data-mobile-view="overview"] .jh-home .jh-fx-main strong,body[data-mobile-view="overview"] .jh-home .jh-fx-range,body[data-mobile-view="overview"] .jh-home .jh-fx-range b,body[data-mobile-view="overview"] .jh-home .jh-fx small{color:#b5f9fa!important;}
body[data-mobile-view="overview"] .jh-home .jh-basis{background-color:#100e24!important;background-image:linear-gradient(120deg,#3c2259,#100e24)!important;border-color:#be98f5!important;}
body[data-mobile-view="overview"] .jh-home .jh-basis h2,body[data-mobile-view="overview"] .jh-home .jh-basis header b,body[data-mobile-view="overview"] .jh-home .jh-basis-value>strong,body[data-mobile-view="overview"] .jh-home .jh-basis .jh-stats b{color:#e4d7ff!important;}
body[data-mobile-view="overview"] .jh-home .jh-basis h2,body[data-mobile-view="overview"] .jh-home .jh-basis .jh-half+.jh-half{border-color:#be98f5!important;}
body[data-mobile-view="overview"] .jh-home .jh-ratio{background-color:#061621!important;background-image:linear-gradient(120deg,#0e324e,#061621)!important;border-color:#66bbf5!important;}
body[data-mobile-view="overview"] .jh-home .jh-ratio h2,body[data-mobile-view="overview"] .jh-home .jh-ratio .jh-half>b,body[data-mobile-view="overview"] .jh-home .jh-ratio-number,body[data-mobile-view="overview"] .jh-home .jh-ratio .jh-stats b{color:#c3eaff!important;}
body[data-mobile-view="overview"] .jh-home .jh-ratio h2,body[data-mobile-view="overview"] .jh-home .jh-ratio .jh-half+.jh-half{border-color:#66bbf5!important;}
}

/* 首页真实涨跌：上涨为红色，下跌为微信绿。基差本身表示价差，沿用紫色。 */
@media(max-width:680px){
  body[data-mobile-view="overview"] .jh-home .positive{color:#ff3b46!important}
  body[data-mobile-view="overview"] .jh-home .negative{color:#07c160!important}
}

/* 手机首页黑曜鎏金：适度提亮卡片、边线与文字，保持原有布局。 */
@media(max-width:680px){
body[data-mobile-view="overview"] .jh-home .jh-card.jh-gold{background-color:#332515!important;background-image:linear-gradient(125deg,#49341b,#211910)!important;border-color:#e4b96d!important}
body[data-mobile-view="overview"] .jh-home .jh-card.jh-silver{background-color:#242b31!important;background-image:linear-gradient(125deg,#38414a,#171d24)!important;border-color:#c9c3b3!important}
body[data-mobile-view="overview"] .jh-home .jh-fx{background-color:#103241!important;background-image:linear-gradient(110deg,#167685,#103241)!important;border-color:#67e9f0!important}
body[data-mobile-view="overview"] .jh-home .jh-basis{background-color:#211630!important;background-image:linear-gradient(120deg,#533472,#211630)!important;border-color:#d4afff!important}
body[data-mobile-view="overview"] .jh-home .jh-ratio{background-color:#10283c!important;background-image:linear-gradient(120deg,#1a4d72,#10283c)!important;border-color:#8bd0ff!important}
body[data-mobile-view="overview"] .jh-home .jh-provider{background-color:#211a13!important;background-image:linear-gradient(125deg,#3b2c1c,#17120e)!important;border-color:#d7b277!important}
body[data-mobile-view="overview"] .jh-home .jh-provider-metals section{background-color:#2a2119!important;border-color:#ad9879!important}
body[data-mobile-view="overview"] .jh-home .jh-card header b{color:#ffe1a5!important}
body[data-mobile-view="overview"] .jh-home .jh-card.jh-silver header b{color:#e8f2ff!important}
body[data-mobile-view="overview"] .jh-home .jh-card header span,body[data-mobile-view="overview"] .jh-home .jh-price small,body[data-mobile-view="overview"] .jh-home .jh-convert small{color:#f0ebe5!important}
body[data-mobile-view="overview"] .jh-home .jh-stats,body[data-mobile-view="overview"] .jh-home .jh-convert{border-color:#a5947b!important;color:#f4e8d5!important}
body[data-mobile-view="overview"] .jh-home .jh-stats span+span{border-color:#a5947b!important;color:#e8ecf2!important}
body[data-mobile-view="overview"] .jh-home .jh-stats b{color:#fffaf4!important}
body[data-mobile-view="overview"] .jh-home .jh-basis h2,body[data-mobile-view="overview"] .jh-home .jh-basis header b,body[data-mobile-view="overview"] .jh-home .jh-basis-value>strong,body[data-mobile-view="overview"] .jh-home .jh-basis .jh-stats b{color:#f0e5ff!important}
body[data-mobile-view="overview"] .jh-home .jh-ratio h2,body[data-mobile-view="overview"] .jh-home .jh-ratio .jh-half>b,body[data-mobile-view="overview"] .jh-home .jh-ratio-number,body[data-mobile-view="overview"] .jh-home .jh-ratio .jh-stats b{color:#def4ff!important}
body[data-mobile-view="overview"] .jh-home .jh-ratio-change,body[data-mobile-view="overview"] .jh-home .jh-basis-value>span{color:#f0edf8!important}
body[data-mobile-view="overview"] .jh-home .jh-provider-prices small,body[data-mobile-view="overview"] .jh-home .jh-provider-prices p{color:#eee5dc!important}
body[data-mobile-view="overview"] .mobile-bottom-nav{background-color:#0e0d0b!important;border-color:#ad9879!important}
body[data-mobile-view="overview"] .mobile-bottom-nav button{color:#c9c1b7!important}
body[data-mobile-view="overview"] .mobile-bottom-nav button.active{color:#ffe09b!important}
}

/* 仅用于隔离预览；黑底交易台配色，仅压缩两张指定卡片的内部间距。 */
@media(max-width:680px) {
body[data-mobile-view="overview"],body[data-mobile-view="overview"] .site-header,body[data-mobile-view="overview"] .page-shell {background-color:#000!important;background-image:none!important}
body[data-mobile-view="overview"] .jh-home .jh-fx {background-color:#281c31!important;background-image:linear-gradient(110deg,#613871,#281c31)!important;border-color:#dda9ef!important;color:#fff!important}
body[data-mobile-view="overview"] .jh-home .jh-fx-main>b,body[data-mobile-view="overview"] .jh-home .jh-fx-main>span,body[data-mobile-view="overview"] .jh-home .jh-fx-main strong:not(.positive):not(.negative),body[data-mobile-view="overview"] .jh-home .jh-fx-range,body[data-mobile-view="overview"] .jh-home .jh-fx-range span,body[data-mobile-view="overview"] .jh-home .jh-fx-range b,body[data-mobile-view="overview"] .jh-home .jh-fx>small {color:#fff4ff!important}
body[data-mobile-view="overview"] .jh-home .jh-card.jh-gold {background-color:#241b10!important;background-image:linear-gradient(135deg,#493719,#241b10)!important;border-color:#f4c66f!important}
body[data-mobile-view="overview"] .jh-home .jh-card.jh-silver {background-color:#272727!important;background-image:linear-gradient(135deg,#535353,#272727)!important;border-color:#f1f1f1!important}
body[data-mobile-view="overview"] .jh-home .jh-card.jh-gold header b,body[data-mobile-view="overview"] .jh-home .jh-gold .jh-price strong:not(.positive):not(.negative) {color:#ffe0a1!important}
body[data-mobile-view="overview"] .jh-home .jh-card.jh-silver header b,body[data-mobile-view="overview"] .jh-home .jh-silver .jh-price strong:not(.positive):not(.negative),body[data-mobile-view="overview"] .jh-home .jh-silver .jh-convert strong:not(.positive):not(.negative) {color:#fff!important}
body[data-mobile-view="overview"] .jh-home .jh-card header span,body[data-mobile-view="overview"] .jh-home .jh-price small,body[data-mobile-view="overview"] .jh-home .jh-convert small,body[data-mobile-view="overview"] .jh-home .jh-convert,body[data-mobile-view="overview"] .jh-home .jh-dark-pct {color:#f0ede8!important}
body[data-mobile-view="overview"] .jh-home .jh-change {color:#f5f2ef!important}
body[data-mobile-view="overview"] .jh-home .jh-stats,body[data-mobile-view="overview"] .jh-home .jh-convert,body[data-mobile-view="overview"] .jh-home .jh-stats span+span {border-color:#b7aaa0!important;color:#ede8e1!important}
body[data-mobile-view="overview"] .jh-home .jh-stats b:not(.positive):not(.negative),body[data-mobile-view="overview"] .jh-home .jh-dark-pct b:not(.positive):not(.negative) {color:#fff!important}
body[data-mobile-view="overview"] .jh-home .jh-basis {background-color:#000!important;background-image:linear-gradient(#000,#000),linear-gradient(90deg,#315fff 0%,#9540ff 12.5%,#e070f1 25%,#9540ff 37.5%,#315fff 50%,#9540ff 62.5%,#e070f1 75%,#9540ff 87.5%,#315fff 100%)!important;background-origin:padding-box,border-box!important;background-clip:padding-box,border-box!important;border-color:transparent!important;border-width:2px!important;background-size:100% 100%,200% 100%!important;animation:jh-basis-border-flow 6s linear infinite!important}
body[data-mobile-view="overview"] .jh-home .jh-basis.jh-wide {padding:2px 6px 3px!important}
@keyframes jh-basis-border-flow {from{background-position:0 0,0% 50%}to{background-position:0 0,100% 50%}}
@media (prefers-reduced-motion:reduce){body[data-mobile-view="overview"] .jh-home .jh-basis{animation:none!important}}
body[data-mobile-view="overview"] .jh-home .jh-ratio {background-color:#251a25!important;background-image:linear-gradient(110deg,#4a3045,#251a25)!important;border-color:#d5a9d1!important}
body[data-mobile-view="overview"] .jh-home .jh-basis h2,body[data-mobile-view="overview"] .jh-home .jh-basis header b,body[data-mobile-view="overview"] .jh-home .jh-basis-value>strong,body[data-mobile-view="overview"] .jh-home .jh-basis-value>span,body[data-mobile-view="overview"] .jh-home .jh-basis-value>span b:not(.positive):not(.negative) {color:#fff6eb!important}
body[data-mobile-view="overview"] .jh-home .jh-ratio h2,body[data-mobile-view="overview"] .jh-home .jh-ratio .jh-half>b,body[data-mobile-view="overview"] .jh-home .jh-ratio-number:not(.positive):not(.negative),body[data-mobile-view="overview"] .jh-home .jh-ratio-change,body[data-mobile-view="overview"] .jh-home .jh-ratio-change b:not(.positive):not(.negative) {color:#fff4fa!important}
body[data-mobile-view="overview"] .jh-home .jh-basis h2,body[data-mobile-view="overview"] .jh-home .jh-basis .jh-half+.jh-half {border-color:#b44dff!important}
body[data-mobile-view="overview"] .jh-home .jh-ratio h2,body[data-mobile-view="overview"] .jh-home .jh-ratio .jh-half+.jh-half {border-color:#d5a9d1!important}
body[data-mobile-view="overview"] .jh-home .jh-provider {background-color:#1b1916!important;background-image:linear-gradient(110deg,#3b3123,#1b1916)!important;border-color:#c3a977!important}
body[data-mobile-view="overview"] .jh-home .jh-provider-metals section {background-color:#292622!important;background-image:none!important;border-color:#c3a977!important}
body[data-mobile-view="overview"] .jh-home .jh-provider-metals section+section {background-color:#343434!important;border-color:#f1f1f1!important}
body[data-mobile-view="overview"] .jh-home .jh-provider>header>b,body[data-mobile-view="overview"] .jh-home .jh-provider-metals h3 {color:#ffe3ab!important}
body[data-mobile-view="overview"] .jh-home .jh-provider-metals section+section h3 {color:#fff!important}
body[data-mobile-view="overview"] .jh-home .jh-provider-prices small,body[data-mobile-view="overview"] .jh-home .jh-provider-prices p {color:#f4f0ea!important}
body[data-mobile-view="overview"] .jh-home .jh-provider-prices strong:not(.positive):not(.negative) {color:#fff!important}
body[data-mobile-view="overview"] .jh-home .jh-provider-prices>div+div {border-color:#c3a977!important}
body[data-mobile-view="overview"] .mobile-bottom-nav {background-color:#0b0b0b!important;background-image:none!important;border-color:#c3a977!important}
body[data-mobile-view="overview"] .mobile-bottom-nav button {color:#ded9d3!important}
body[data-mobile-view="overview"] .mobile-bottom-nav button.active {color:#f2d396!important}
/* 不设固定高度，数据较长时自动换行并撑高。 */
body[data-mobile-view="overview"] .jh-home .jh-basis,body[data-mobile-view="overview"] .jh-home .jh-ratio {padding:3px 7px 4px!important;height:auto!important;min-height:0!important;overflow:visible!important}
body[data-mobile-view="overview"] .jh-home .jh-basis h2,body[data-mobile-view="overview"] .jh-home .jh-ratio h2 {padding-bottom:2px!important;font-size:12px!important;line-height:1.15!important}
body[data-mobile-view="overview"] .jh-home .jh-basis .jh-half,body[data-mobile-view="overview"] .jh-home .jh-ratio .jh-half {padding:2px 4px 0!important;min-width:0!important}
body[data-mobile-view="overview"] .jh-home .jh-basis .jh-half {grid-template-rows:auto auto auto!important}
body[data-mobile-view="overview"] .jh-home .jh-basis-value {grid-template-columns:minmax(0,1fr) auto!important;gap:2px!important}
body[data-mobile-view="overview"] .jh-home .jh-basis-value>strong {font-size:clamp(15px,4.4vw,18px)!important;line-height:1.1!important;overflow-wrap:anywhere!important}
body[data-mobile-view="overview"] .jh-home .jh-basis-value>span {display:block!important;white-space:normal!important;font-size:9px!important;line-height:1.15!important}
body[data-mobile-view="overview"] .jh-home .jh-basis-value>span b {font-size:10px!important}
body[data-mobile-view="overview"] .jh-home .jh-ratio .jh-half>b {font-size:10px!important}
body[data-mobile-view="overview"] .jh-home .jh-ratio-number {display:inline-block!important;margin-left:4px!important;font-size:clamp(15px,4.4vw,18px)!important;line-height:1.1!important;overflow-wrap:anywhere!important}
body[data-mobile-view="overview"] .jh-home .jh-ratio-change {margin:1px 0 0!important;font-size:9px!important;line-height:1.15!important;white-space:normal!important}
body[data-mobile-view="overview"] .jh-home .jh-ratio-change b {font-size:10px!important}
body[data-mobile-view="overview"] .jh-home .jh-basis .jh-stats,body[data-mobile-view="overview"] .jh-home .jh-ratio .jh-stats {margin-top:2px!important;padding-top:2px!important;font-size:9px!important}
body[data-mobile-view="overview"] .jh-home .jh-basis .jh-stats span,body[data-mobile-view="overview"] .jh-home .jh-ratio .jh-stats span {flex-direction:row!important;flex-wrap:wrap!important;align-items:baseline!important;gap:1px 2px!important;line-height:1.1!important;overflow-wrap:anywhere!important}
body[data-mobile-view="overview"] .jh-home .jh-basis .jh-stats span+span,body[data-mobile-view="overview"] .jh-home .jh-ratio .jh-stats span+span {padding-left:3px!important}
body[data-mobile-view="overview"] .jh-home .jh-basis .jh-stats b,body[data-mobile-view="overview"] .jh-home .jh-ratio .jh-stats b {font-size:10px!important;overflow-wrap:anywhere!important}
/* 明确有涨跌方向的值遵循红涨、微信绿跌；价差本身不是涨跌。 */
body[data-mobile-view="overview"] .jh-home :is(.jh-fx,.jh-card,.jh-wide,.jh-provider) .positive {color:#ff3b46!important}
body[data-mobile-view="overview"] .jh-home :is(.jh-fx,.jh-card,.jh-wide,.jh-provider) .negative {color:#07c160!important}
}

@media(max-width:680px){body[data-mobile-view="overview"] .jh-home .jh-basis .jh-basis-value>strong.positive,body[data-mobile-view="overview"] .jh-home .jh-basis .jh-basis-value>strong.negative{color:#fff6eb!important}}
/* 明亮金属银：中性色，文字与涨跌保持清晰。 */
@media (max-width:680px) {
body[data-mobile-view="overview"] .jh-home .jh-card.jh-silver,body[data-mobile-view="overview"] .jh-home .jh-provider-metals section+section{background-color:#b6b6b6!important;background-image:linear-gradient(135deg,#f1f1f1 0%,#bdbdbd 42%,#858585 100%)!important;border-color:#ffffff!important;color:#171717!important}
body[data-mobile-view="overview"] .jh-home .jh-card.jh-silver header b,body[data-mobile-view="overview"] .jh-home .jh-card.jh-silver header span,body[data-mobile-view="overview"] .jh-home .jh-silver .jh-price small,body[data-mobile-view="overview"] .jh-home .jh-silver .jh-price strong:not(.positive):not(.negative),body[data-mobile-view="overview"] .jh-home .jh-silver .jh-convert,body[data-mobile-view="overview"] .jh-home .jh-silver .jh-convert small,body[data-mobile-view="overview"] .jh-home .jh-silver .jh-convert strong:not(.positive):not(.negative),body[data-mobile-view="overview"] .jh-home .jh-silver .jh-stats,body[data-mobile-view="overview"] .jh-home .jh-silver .jh-stats span+span,body[data-mobile-view="overview"] .jh-home .jh-silver .jh-stats b:not(.positive):not(.negative),body[data-mobile-view="overview"] .jh-home .jh-silver .jh-dark-pct,body[data-mobile-view="overview"] .jh-home .jh-silver .neutral,body[data-mobile-view="overview"] .jh-home .jh-provider-metals section+section h3,body[data-mobile-view="overview"] .jh-home .jh-provider-metals section+section small,body[data-mobile-view="overview"] .jh-home .jh-provider-metals section+section strong:not(.positive):not(.negative),body[data-mobile-view="overview"] .jh-home .jh-provider-metals section+section p{color:#171717!important}
body[data-mobile-view="overview"] .jh-home .jh-silver .jh-convert,body[data-mobile-view="overview"] .jh-home .jh-silver .jh-stats,body[data-mobile-view="overview"] .jh-home .jh-silver .jh-stats span+span,body[data-mobile-view="overview"] .jh-home .jh-provider-metals section+section .jh-provider-prices>div+div{border-color:#555!important}
body[data-mobile-view="overview"] .jh-home .jh-silver .positive,body[data-mobile-view="overview"] .jh-home .jh-silver .negative{background-color:#202020!important}
}

@media(max-width:680px){body[data-mobile-view="overview"] .jh-home .jh-basis-value{grid-template-columns:minmax(0,1fr)!important}body[data-mobile-view="overview"] .jh-home .jh-basis-value>span{overflow-wrap:anywhere!important}}

@media(max-width:680px){body[data-mobile-view="overview"] .jh-home .jh-basis .jh-basis-value>strong,body[data-mobile-view="overview"] .jh-home .jh-basis .jh-basis-value>strong.positive,body[data-mobile-view="overview"] .jh-home .jh-basis .jh-basis-value>strong.negative,body[data-mobile-view="overview"] .jh-home .jh-basis .jh-basis-value>strong.neutral{color:#fff6eb!important}}

/* 精细配色：亮银底上的非涨跌文本使用深色，涨红跌绿保持原色。 */
@media(max-width:680px){
body[data-mobile-view="overview"] .jh-home .jh-card.jh-silver .jh-change b:not(.positive):not(.negative),
body[data-mobile-view="overview"] .jh-home .jh-card.jh-silver .jh-dark-pct b:not(.positive):not(.negative){color:#171717!important}
}

@media(max-width:680px){body[data-mobile-view="overview"] .jh-home .jh-card.jh-silver .jh-meta,body[data-mobile-view="overview"] .jh-home .jh-card.jh-silver .jh-meta span,body[data-mobile-view="overview"] .jh-home .jh-card.jh-silver .jh-meta time{color:#242424!important}}

/* 汇率与金银比沿用基差流动边框。 */
@media (max-width:680px){
body[data-mobile-view="overview"] .jh-home .jh-fx,
body[data-mobile-view="overview"] .jh-home .jh-ratio {
  background-color:#000!important;
  background-image:linear-gradient(#000,#000),linear-gradient(90deg,#315fff 0%,#9540ff 12.5%,#e070f1 25%,#9540ff 37.5%,#315fff 50%,#9540ff 62.5%,#e070f1 75%,#9540ff 87.5%,#315fff 100%)!important;
  background-origin:padding-box,border-box!important;
  background-clip:padding-box,border-box!important;
  background-size:100% 100%,200% 100%!important;
  border-color:transparent!important;
  border-width:2px!important;
  animation:jh-basis-border-flow 6s linear infinite!important;
}
body[data-mobile-view="overview"] .jh-home .jh-ratio.jh-wide{padding:2px 6px 3px!important}
body[data-mobile-view="overview"] .jh-home .jh-ratio h2,
body[data-mobile-view="overview"] .jh-home .jh-ratio .jh-half+.jh-half {border-color:#b44dff!important}
@media (prefers-reduced-motion:reduce){body[data-mobile-view="overview"] .jh-home .jh-fx,body[data-mobile-view="overview"] .jh-home .jh-ratio{animation:none!important}}
}
@media(max-width:680px){body[data-mobile-view="overview"] .jh-home .jh-fx{padding:2px 5px!important}}

/* 机构报价与上方双列卡片对齐。 */
@media(max-width:680px){
  body[data-mobile-view="overview"] .jh-home .mobile-rongtong-grid {gap:8px!important}
  body[data-mobile-view="overview"] .jh-home .jh-provider {padding:0!important;border:0!important;background:none!important;overflow:visible!important}
  body[data-mobile-view="overview"] .jh-home .jh-provider>header {padding:0 2px 5px!important}
  body[data-mobile-view="overview"] .jh-home .jh-provider-metals {gap:7px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-mobile-view="overview"] .jh-home .jh-provider-metals section {box-sizing:border-box;min-width:0;border-radius:10px!important;padding:6px 7px 5px!important}
  body[data-mobile-view="overview"] .jh-home .jh-provider-metals h3 {margin:0 0 4px!important;font-size:10px!important}
  body[data-mobile-view="overview"] .jh-home .jh-provider-prices>div {min-width:0;overflow:visible}
}

/* 机构报价卡片参照上方黄金、白银卡片。 */
@media(max-width:680px){
  body[data-mobile-view="overview"] .jh-home .jh-provider-metals section:first-child {background-color:#241b10!important;background-image:linear-gradient(135deg,#493719,#241b10)!important;border-color:#f4c66f!important}
  body[data-mobile-view="overview"] .jh-home .jh-provider-metals h3 {margin:0 0 5px!important;font-size:10px!important;line-height:1.2!important}
  body[data-mobile-view="overview"] .jh-home .jh-provider-prices small {font-size:8px!important;line-height:1.2!important}
  body[data-mobile-view="overview"] .jh-home .jh-provider-prices strong {font-size:clamp(13px,4.3vw,17px)!important;line-height:1.08!important;font-variant-numeric:tabular-nums}
  body[data-mobile-view="overview"] .jh-home .jh-provider-prices p:first-of-type {border-top:1px solid #a5947b;padding-top:4px;margin-top:4px!important}
  body[data-mobile-view="overview"] .jh-home .jh-provider-metals section+section .jh-provider-prices p:first-of-type {border-color:#555}
}