/* Home v2 (Owner mockup 2026-10-20): sticky brand header, navy radar hero, 4+4 function grid, trust banner + swipe row, market table, news tabs. */
.page-root.home-page{background:#f5f8fd}
.page-root.home-page .ha-shell{overflow-x:clip!important;display:flex;flex-direction:column;gap:10px}
.page-root.home-page .hx-brandbar{position:sticky;top:0;z-index:40;margin:0 -12px;padding:8px 12px calc(8px);background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);-webkit-backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid #eef2f8}
.page-root.home-page .hx-brand img{width:38px;height:38px}
.page-root.home-page .hx-brand-copy strong{font-size:21px;color:#0b1b3f}
.page-root.home-page .hx-wallet-btn{height:38px;border-radius:12px;padding:0 14px;background:linear-gradient(135deg,#2f80ff,#1d5fe0);box-shadow:0 4px 12px rgba(29,95,224,.3)}
/* hero */
.page-root.home-page .hx-hero{padding:16px 12px 12px;border-radius:18px;background:radial-gradient(110% 120% at 85% 0%,#2b6fe6 0%,#0f3b8f 38%,#071c4d 72%,#04112f 100%)}
.page-root.home-page .hx-hero-visual{width:180px!important;height:180px!important;right:-30px!important;top:-40px!important;opacity:.5!important}
.page-root.home-page .hx-hero-copy h2{font-size:28px!important;letter-spacing:.5px}
.page-root.home-page .hx-search{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;margin-top:14px;background:transparent;padding:0}
.page-root.home-page .hx-search-box{display:flex;align-items:center;gap:6px;min-width:0;background:#fff;border-radius:10px;padding:0 10px;height:40px}
.page-root.home-page .hx-search-box input{font-size:12.5px!important}
.page-root.home-page .hx-btn-check,.page-root.home-page .hx-btn-radar{height:40px;border-radius:10px;padding:0 10px;font-size:13px;font-weight:700;white-space:nowrap;display:flex;align-items:center;gap:5px;text-decoration:none}
.page-root.home-page .hx-btn-check{border:1px solid rgba(255,255,255,.35);background:linear-gradient(135deg,#2f80ff,#1d5fe0);color:#fff}
.page-root.home-page .hx-btn-radar{border:1px solid rgba(143,192,255,.55);background:rgba(4,16,48,.45);color:#fff}
.page-root.home-page .hx-btn-radar i{color:#8fc0ff}
.page-root.home-page .hx-tools{margin-top:10px;gap:5px}
.page-root.home-page .hx-tools a{padding:8px 0 6px;border-radius:10px}
.page-root.home-page .hx-tools a i{font-size:18px}
/* 4+4 functions */
.hx-fn{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.hx-fn-item{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;background:#fff;border:1px solid #e8eef7;border-radius:14px;padding:10px 2px 9px;text-decoration:none;color:#0f172a;box-shadow:0 2px 8px rgba(15,23,42,.04);text-align:center}
.hx-fn-item strong{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.hx-fn-item small{font-size:10px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.hx-fn-item.is-soon{cursor:default}
.hx-soon{display:inline-block;padding:1px 6px;border-radius:6px;background:#fef3c7;color:#b45309!important;font-size:10px;font-weight:600}
.hx-fn-ico{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#fff;font-size:18px;margin-bottom:3px}
.hx-c1{background:linear-gradient(135deg,#4f8cff,#2459e6)}.hx-c2{background:linear-gradient(135deg,#38bdf8,#1d6ff2)}.hx-c3{background:linear-gradient(135deg,#22d3ee,#0ea5e9)}.hx-c4{background:linear-gradient(135deg,#a78bfa,#7c3aed)}
.hx-c5{background:linear-gradient(135deg,#34d399,#10b981)}.hx-c6{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.hx-c7{background:linear-gradient(135deg,#fb923c,#f97316)}.hx-c8{background:linear-gradient(135deg,#fb7185,#e11d48)}
/* trust banner + swipe row */
.hx-trust{display:flex;flex-direction:column;gap:8px}
.hx-trust-banner{display:flex;align-items:center;gap:10px;padding:12px 12px;border-radius:16px;text-decoration:none;color:#fff;background:linear-gradient(120deg,#0a1f55 0%,#11307a 55%,#1b4fb8 100%);box-shadow:0 6px 18px rgba(10,31,85,.25)}
.hx-crown{font-size:30px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}
.hx-trust-copy{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}
.hx-trust-copy strong{font-size:20px;font-weight:800}
.hx-trust-copy small{font-size:11.5px;color:#c7d8ff}
.hx-trust-more{flex:none;font-size:12.5px;font-weight:700;white-space:nowrap}
.hx-trust-status:empty{display:none}
.page-root.home-page .jt-row{display:flex!important;grid-template-columns:none!important;gap:7px!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:2px 2px 6px;margin:0 -12px;padding-left:12px;padding-right:12px;scroll-padding-left:12px;scrollbar-width:none;pointer-events:auto}
.page-root.home-page .jt-row::-webkit-scrollbar{display:none}
.page-root.home-page .jt-row .jt-tile{flex:0 0 96px;scroll-snap-align:start;padding:20px 7px 8px;font-size:11px;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.05)}
.page-root.home-page .jt-row .jt-top1{background:linear-gradient(180deg,#fff4d6,#fff)}.page-root.home-page .jt-row .jt-top2{background:linear-gradient(180deg,#eef2f8,#fff)}.page-root.home-page .jt-row .jt-top3{background:linear-gradient(180deg,#fdeee4,#fff)}
.page-root.home-page .jt-row .jt-logo{width:34px;height:34px;margin:0 0 3px}
.page-root.home-page .jt-row .jt-sym{font-size:13px}.page-root.home-page .jt-row .jt-chain{font-size:10px}
.page-root.home-page .jt-row .jt-score{font-size:15px}.page-root.home-page .jt-row .jt-score em{font-size:10px}
.page-root.home-page .jt-row .jt-price{font-size:12px}.page-root.home-page .jt-row .jt-chg{font-size:11px}
.page-root.home-page .jt-row .jt-rank{font-size:13px;left:6px;top:4px}.page-root.home-page .jt-row .jt-crown{font-size:13px}
.page-root.home-page .jt-row .jt-meta{font-size:10px}
.page-root.home-page .jt-row .jt-skel{flex:0 0 96px;min-height:170px}
.page-root.home-page .jt-row .jt-empty{flex:1 1 auto}
/* market + news */
.hx-h-ico{color:#1d6ff2;font-size:15px}
.hx-tabs{display:flex;gap:6px;margin:10px 0 8px;overflow-x:auto;scrollbar-width:none}
.hx-tabs::-webkit-scrollbar{display:none}
.hx-tabs button{flex:none;border:1px solid #e5ebf4;border-radius:8px;background:#fff;color:#334155;font-size:12.5px;padding:6px 11px;cursor:pointer;white-space:nowrap}
.hx-tabs button[aria-selected=true]{background:#1d6ff2;border-color:#1d6ff2;color:#fff;font-weight:700}
.hx-mkt-row{display:grid;grid-template-columns:16px minmax(0,1.5fr) minmax(0,1.15fr) minmax(0,.95fr) minmax(0,.85fr) 52px 20px;align-items:center;gap:4px;padding:8px 0;border-top:1px solid #f1f4f9;font-size:12px;color:#0f172a}
.hx-mkt-hd{border-top:0;padding:2px 0 6px;font-size:10.5px;color:#94a3b8}
.hx-mkt-row .r{text-align:right}.hx-mkt-row .c{text-align:center;display:flex;justify-content:center}
.hx-mono{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-mono.up{color:#16a34a}.hx-mono.down{color:#dc2626}
.hx-idx{color:#64748b;font-size:11px}
.hx-mkt-name{display:flex;align-items:center;gap:6px;min-width:0;color:inherit;text-decoration:none}
.hx-mkt-name>span:last-child{display:flex;flex-direction:column;min-width:0}
.hx-mkt-name b{font-size:12.5px}.hx-mkt-name small{font-size:9.5px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-mkt-logo{flex:none;width:26px;height:26px;display:block}
.hx-spark{width:50px;height:20px}.hx-spark path{fill:none;stroke-width:1.6}.hx-spark.up path{stroke:#16a34a}.hx-spark.down path{stroke:#dc2626}
.hx-na{color:#cbd5e1}
.hx-star{border:0;background:none;color:#94a3b8;padding:0;cursor:pointer;font-size:13px}.hx-star.on{color:#f59e0b}
.hx-empty{padding:22px 8px;text-align:center;color:#64748b;font-size:12px}
.hx-news-item{display:flex;gap:10px;padding:10px 0;border-top:1px solid #f1f4f9;color:#0f172a;text-decoration:none}
.hx-news-item:first-child{border-top:0}
.hx-news-txt{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 auto}
.hx-news-txt b{font-size:13.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hx-news-sum{font-size:11.5px;color:#64748b;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.hx-news-meta{font-size:11px;color:#94a3b8}
.hx-news-thumb{flex:none;width:92px;height:62px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#0b2a66,#1d6ff2);display:grid;place-items:center}
.hx-news-thumb img{width:46px;height:46px;object-fit:contain}
@media (max-width:359px){.hx-fn-item strong{font-size:11.5px}.hx-fn-ico{width:32px;height:32px;font-size:15px}.page-root.home-page .hx-btn-radar{display:none}.hx-mkt-row{grid-template-columns:14px minmax(0,1.4fr) minmax(0,1.1fr) minmax(0,.9fr) 0 44px 18px}.hx-mkt-row>span:nth-child(5){display:none}}
@media (min-width:768px){
  .page-root.home-page .ha-shell{max-width:1100px;margin:0 auto;gap:14px}
  .page-root.home-page .hx-brandbar{display:none}
  .page-root.home-page .hx-hero{padding:26px 24px 20px}
  .page-root.home-page .hx-search{max-width:760px}
  .hx-fn{gap:12px}.hx-fn-item{padding:16px 6px}.hx-fn-item strong{font-size:15px}.hx-fn-item small{font-size:12px}.hx-fn-ico{width:46px;height:46px;font-size:21px}
  .page-root.home-page .jt-row{margin:0;padding-left:2px;padding-right:2px}
  .page-root.home-page .jt-row .jt-tile{flex:0 0 150px;align-items:center;text-align:center}
  .hx-mkt-row{grid-template-columns:24px minmax(0,2fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) 90px 28px;font-size:14px;padding:10px 4px}
  .hx-spark{width:80px;height:24px}
  .hx-news-thumb{width:140px;height:80px}
}
/* v2 fixes: override desktop 12-col home grid; no backdrop behind hero tools; tighter mobile market table */
html[data-page="home"] body .page-root.home-page .ha-shell{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}
html[data-page="home"] body .page-root.home-page .ha-shell>*{width:auto;min-width:0;max-width:100%}
.page-root.home-page .hx-hero .hx-tools{background:none!important;border:0!important;padding:0!important;box-shadow:none!important}
@media (max-width:767px){
  .hx-mkt-row{grid-template-columns:12px minmax(0,1.15fr) minmax(0,1.2fr) minmax(0,.95fr) minmax(0,.55fr) 40px 14px;gap:3px;font-size:11px}
  .hx-mkt-name{gap:4px}.hx-mkt-name b{font-size:11.5px}.hx-mkt-logo{width:22px;height:22px}
  .hx-spark{width:40px;height:18px}
  .hx-mono{text-overflow:clip}
}
@media (min-width:768px){html[data-page="home"] body .page-root.home-page .ha-shell{max-width:1100px!important;margin:0 auto!important;gap:16px!important}}
/* 市值 column removed: 6 columns, freed width to name + price */
.hx-mkt-row{grid-template-columns:16px minmax(0,1.9fr) minmax(0,1.3fr) minmax(0,1fr) 56px 20px!important}
.hx-spark2{width:52px;height:20px;fill:none;stroke-width:1.6;stroke-linejoin:round}.hx-spark2.up{stroke:#16a34a}.hx-spark2.down{stroke:#ef4444}
@media (min-width:1024px){.hx-mkt-row{grid-template-columns:24px minmax(0,2.4fr) minmax(0,1.4fr) minmax(0,1fr) 96px 28px!important}.hx-spark2{width:88px;height:26px}}
@media (max-width:359px){.hx-mkt-row{grid-template-columns:14px minmax(0,1.7fr) minmax(0,1.2fr) minmax(0,.9fr) 44px 16px!important}}

/* news thumb: real image full-bleed; blue frame + logo only as fallback */
.hx-news-thumb:not(.is-fb){background:#eef2f7;padding:0;border:0}
.hx-news-thumb:not(.is-fb) img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}

/* 2026-10-25 Owner: home trust row shows 4.5 big cards on phones (row is full-bleed: 12px lead padding, 7px gaps). */
@media (max-width:767px){
  .page-root.home-page .jt-row .jt-tile,.page-root.home-page .jt-row .jt-skel{flex:0 0 calc((100% - 16px) / 4.5);padding:18px 4px 7px}
  .page-root.home-page .jt-row .jt-logo{width:30px;height:30px}
  .page-root.home-page .jt-row .jt-sym{font-size:12px}
  .page-root.home-page .jt-row .jt-price{font-size:11px}.page-root.home-page .jt-row .jt-chg{font-size:10px}
  .page-root.home-page .jt-row .jt-meta{font-size:9px}
  .page-root.home-page .jt-row .jt-meta i{white-space:normal;word-break:break-all;overflow:visible}
}

/* 2026-10-26 home5 PC (Owner t822u): loading skeletons keep their shimmer (the row's white card background hid it, so a
   slow first load looked like 5 empty white cards), and from 768px the 5 cards share the whole row width — no fixed
   150px cards, no blank area on the right. Phones keep the 4.5-card horizontal swipe within the same 5. */
.page-root.home-page .jt-row .jt-skel{background:linear-gradient(90deg,#eef2f7 25%,#e2e8f0 50%,#eef2f7 75%);background-size:200% 100%;animation:jt-sh 1.2s infinite linear;box-shadow:none;border:0}
html[data-theme="dark"] body .page-root.home-page .jt-row .jt-skel{background:linear-gradient(90deg,#18212F 25%,#223047 50%,#18212F 75%)!important;background-size:200% 100%!important}
@media (min-width:768px){
  .page-root.home-page .jt-row{overflow-x:visible;scroll-snap-type:none}
  .page-root.home-page .jt-row .jt-tile,.page-root.home-page .jt-row .jt-skel{flex:1 1 0;min-width:0;max-width:none}
  .page-root.home-page .jt-row .jt-skel{min-height:210px}
}
@media (prefers-reduced-motion:reduce){.page-root.home-page .jt-row .jt-skel{animation:none}}