#home-view {
  --cg-ink:#32383e; --cg-muted:#717982; --cg-border:#e5e5e5;
  --cg-blue:#0b6bcb; --cg-green:#22ab94; --cg-red:#f23645;
  color:var(--cg-ink); background:#f9f9f9; font-family:Arial,"Microsoft YaHei",sans-serif;
  font-size:16px; line-height:1.5; min-height:100vh; overflow-x:clip;
}
#home-view *,#home-view *::before,#home-view *::after { box-sizing:border-box; }
#home-view a { color:inherit; text-decoration:none; }
#home-view a:hover { color:var(--cg-blue); }
#home-view button,#home-view input,#home-view select { font:inherit; }
#home-view button,#home-view select,#home-view input[type="checkbox"] { cursor:pointer; }
#home-view h1,#home-view h2,#home-view h3,#home-view p { margin:0; }
#home-view .positive { color:var(--cg-green); }
#home-view .negative { color:var(--cg-red); }
#home-view .cg-topline { align-items:center; background:#fff; border-bottom:1px solid var(--cg-border); color:#50575e; display:flex; font-size:12.8px; height:35px; justify-content:space-between; overflow:auto; padding:5px 15px; scrollbar-width:none; white-space:nowrap; }
#home-view .cg-topline::-webkit-scrollbar { display:none; }
#home-view .cg-market-stats,#home-view .cg-top-links { align-items:center; display:flex; flex:none; gap:16px; width:max-content; }
#home-view .cg-market-stats span { display:inline-flex; gap:5px; }
#home-view .cg-market-stats b { color:#6986cf; font-weight:400; }
#home-view .cg-market-stats em { font-style:normal; }
#home-view .cg-top-links select { background:#f5f6f7; border:1px solid #e6e7e8; border-radius:4px; color:#555; font-size:12px; padding:4px 8px; }
#home-view .cg-theme-link img { display:block; height:17px; width:17px; }
#home-view .cg-header { align-items:center; background:#fff; border-bottom:1px solid var(--cg-border); display:flex; gap:20px; height:60px; margin-bottom:20px; padding:0 15px; }
#home-view .cg-logo { display:block; flex:0 0 100px; height:24px; }
#home-view .cg-logo img { display:block; height:100%; width:100%; }
#home-view .cg-nav { align-items:center; display:flex; flex:1 1 auto; gap:clamp(10px,1.1vw,20px); white-space:nowrap; }
#home-view .cg-nav a { font-size:14px; }
#home-view .cg-search { align-items:center; background:#eff2f5; border:1px solid #e3e5e8; border-radius:6px; box-shadow:0 1px 2px #15151514; display:flex; height:40px; min-width:0; }
#home-view .cg-search input { background:transparent; border:0; color:var(--cg-ink); min-width:0; outline:0; padding:0 12px; width:100%; }
#home-view .cg-search input::placeholder { color:#7e858b; }
#home-view .cg-search button { background:#e5eaef; border:0; border-radius:3px; height:28px; margin:0 6px 0 0; min-width:28px; padding:0; }
#home-view .cg-search button img { display:block; height:16px; margin:auto; width:16px; }
#home-view .cg-header-search { flex:0 1 270px; min-width:110px; }
#home-view .cg-login,#home-view .cg-blue-button { align-items:center; background:var(--cg-blue); border:0; border-radius:6px; color:#fff!important; display:inline-flex; font-size:14px; font-weight:600; justify-content:center; line-height:21px; min-height:32px; padding:5.5px 16px; white-space:nowrap; }
#home-view .cg-login:hover,#home-view .cg-blue-button:hover,#home-view .cg-search button:hover { background:#185ea5; }
#home-view .cg-mobile-menu { background:transparent; border:0; display:none; padding:0; }
#home-view .cg-mobile-menu img { display:block; height:24px; width:24px; }
#home-view .cg-page-wrap { margin:0 auto; max-width:1400px; padding:0 20px 0; width:100%; }
#home-view .cg-intro { align-items:center; display:flex; justify-content:space-between; }
#home-view .cg-heading { align-items:center; display:flex; gap:20px; padding-bottom:10px; width:50%; }
#home-view .cg-heading h1 { color:#171a1c; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; font-size:20px; font-weight:700; letter-spacing:-.5px; line-height:24px; padding:20px 0; white-space:nowrap; }
#home-view .cg-actions { align-items:center; display:flex; justify-content:space-between; width:50%; }
#home-view .cg-content-search { flex:1 1 500px; max-width:500px; }
#home-view .cg-content-search button { background:var(--cg-blue); }
#home-view .cg-content-search button img { filter:invert(1); }
#home-view .hype-button { flex:0 1 auto; margin-left:20px; }
#home-view .cg-main-grid { align-items:stretch; display:grid; gap:16px; grid-template-columns:repeat(2,minmax(0,1fr)); }
#home-view .cg-metrics { display:grid; gap:16px; }
#home-view .cg-metric-card { background:#fff; border:1px solid var(--cg-border); border-radius:6px; min-height:86px; padding:16px; }
#home-view .cg-metric-top,#home-view .cg-metric-values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
#home-view .cg-metric-top { color:var(--cg-muted); font-size:14px; line-height:21px; }
#home-view .cg-metric-top span:last-child,#home-view .cg-metric-values > span:last-child { text-align:right; }
#home-view .cg-metric-values { align-items:start; font-size:16px; line-height:24px; }
#home-view .cg-metric-values strong,#home-view .cg-metric-values > span { font-weight:400; white-space:nowrap; }
#home-view .cg-metric-values small { color:var(--cg-muted); font-size:12px; padding-left:5px; }
#home-view .cg-split-bar { display:flex; height:6px; margin-left:33.3333%; width:66.6667%; }
#home-view .cg-split-bar i { background:var(--cg-green); width:45.85%; }
#home-view .cg-split-bar b { background:var(--cg-red); flex:1; }
#home-view .cg-split-alt i { width:40.66%; }
#home-view .cg-empty-rule { display:none; }
#home-view .cg-whale-panel { min-width:0; }
#home-view .cg-whale-toolbar { align-items:center; display:flex; justify-content:space-between; padding-bottom:10px; }
#home-view .cg-whale-toolbar h2 { font-size:18.4px; font-weight:600; line-height:28px; }
#home-view .cg-check-label { align-items:center; color:#41474d; display:inline-flex; gap:8px; white-space:nowrap; }
#home-view .cg-check-label input { appearance:none; background:#eff2f5; border:1px solid #7c858c; border-radius:4px; flex:none; height:20px; margin:0; width:20px; }
#home-view .cg-table-scroll { max-width:100%; overflow-x:auto; }
#home-view table { border-collapse:collapse; text-align:left; width:100%; }
#home-view th { color:#626a72; font-weight:400; white-space:nowrap; }
#home-view .cg-whale-table { font-size:15px; table-layout:fixed; }
#home-view .cg-whale-table th,#home-view .cg-whale-table td { height:31px; line-height:30px; padding:0 4px; white-space:nowrap; }
#home-view .cg-whale-table th { border-bottom:1px solid var(--cg-border); font-size:15px; }
#home-view .cg-whale-table tbody tr { border-bottom:1px solid var(--cg-border); }
#home-view .cg-whale-table tbody tr.up { background:linear-gradient(90deg,#22ab940b,#22ab9450); }
#home-view .cg-whale-table tbody tr.down { background:linear-gradient(90deg,#f236450b,#f2364550); }
#home-view .cg-whale-table tbody tr:nth-child(4),#home-view .cg-whale-table tbody tr:nth-child(8),#home-view .cg-whale-table tbody tr:nth-child(9) { background:#22ab94; color:#fff; }
#home-view .cg-whale-panel > .cg-table-scroll { height:calc(100% - 60px); min-height:320px; overflow-y:auto; scrollbar-width:none; }
#home-view .wallet-link { text-decoration:underline; text-underline-offset:2px; }
#home-view .cg-lower-grid { align-items:start; display:grid; gap:16px; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:40px; }
#home-view .cg-ratio-area,#home-view .cg-coin-ratios { min-width:0; }
#home-view .cg-ratio-title { align-items:center; display:flex; justify-content:space-between; min-height:50px; }
#home-view .cg-ratio-title h2,#home-view .cg-coins-title { color:#171a1c; font-size:20px; font-weight:600; line-height:30px; padding:10px 0; }
#home-view .cg-expand-chart { display:inline-block; font-size:22px; margin-left:5px; }
#home-view .cg-ratio-controls { display:flex; gap:8px; }
#home-view .cg-ratio-controls select,#home-view .cg-filter-row select { background:#eff2f5; border:1px solid #dfe4e9; border-radius:6px; color:#48515b; height:34px; padding:0 12px; }
#home-view .cg-ratio-controls select:first-child { width:100px; }
#home-view .cg-ratio-summary { display:grid; gap:10px; grid-template-columns:repeat(3,minmax(0,1fr)); }
#home-view .cg-ratio-summary > div { align-items:center; background:#fff; border:1px solid var(--cg-border); border-radius:6px; display:flex; flex-direction:column; justify-content:center; min-height:87px; padding:16px; }
#home-view .cg-ratio-summary span { font-size:16px; }
#home-view .cg-ratio-summary b { font-size:19.2px; font-weight:400; line-height:29px; }
#home-view .cg-chart-wrap { height:350px; position:relative; }
#home-view .cg-chart-legend { align-items:center; display:flex; font-size:12px; gap:13px; height:40px; justify-content:center; }
#home-view .cg-chart-legend span { align-items:center; display:inline-flex; gap:5px; }
#home-view .cg-chart-legend i { display:inline-block; height:10px; width:10px; }
#home-view .cg-legend-count { background:#00eaff; }
#home-view .cg-legend-ratio { background:#171717; }
#home-view .cg-position-chart { display:block; height:310px; max-width:100%; width:100%; }
#home-view .cg-mobile-chart { display:none; height:350px; object-fit:fill; width:100%; }
#home-view .cg-coins-title { font-size:19.2px; }
#home-view .cg-coins-scroll { height:400px; overflow:auto; scrollbar-width:none; }
#home-view .cg-coins-scroll::-webkit-scrollbar { display:none; }
#home-view .cg-coin-ratio { align-items:center; display:grid; grid-template-columns:100px minmax(0,1fr); height:35px; margin-bottom:8px; }
#home-view .cg-ratio-bar { background:#f2364520; height:35px; overflow:hidden; position:relative; }
#home-view .cg-ratio-bar > i { background:linear-gradient(270deg,#5dc78721,#5dc7878c 50%,#5dc787); display:block; height:100%; }
#home-view .cg-ratio-labels { align-items:center; display:flex; inset:0; position:absolute; }
#home-view .cg-ratio-labels b,#home-view .cg-ratio-labels strong { font-size:16px; font-weight:400; text-align:center; width:50%; }
#home-view .cg-position-list { margin-top:35px; min-width:0; }
#home-view .cg-filter-row { align-items:end; display:flex; flex-wrap:wrap; gap:16px; margin-bottom:10px; }
#home-view .cg-filter-row > label:not(.cg-check-label) { display:flex; flex-direction:column; gap:6px; }
#home-view .cg-filter-row > label > span { color:#69727b; font-size:13px; }
#home-view .cg-filter-row select { font-size:14px; min-width:80px; }
#home-view .cg-filter-row > label:first-child select { width:100px; }
#home-view .cg-filter-row .cg-check-label { height:38px; }
#home-view .cg-filter-row > .cg-blue-button { margin-left:auto; }
#home-view .cg-position-table { min-width:1300px; table-layout:fixed; }
#home-view .cg-position-table th,#home-view .cg-position-table td { border-bottom:1px solid var(--cg-border); font-size:13px; height:60px; padding:8px 10px; white-space:nowrap; }
#home-view .cg-position-table thead th { background:#eff2f5; font-size:12px; height:45px; }
#home-view .cg-position-table th:first-child,#home-view .cg-position-table td:first-child { width:80px; }
#home-view .cg-position-table th:nth-child(2),#home-view .cg-position-table td:nth-child(2) { width:165px; }
#home-view .cg-position-table th:nth-child(3),#home-view .cg-position-table td:nth-child(3) { width:90px; }
#home-view .cg-position-table th:nth-child(4),#home-view .cg-position-table td:nth-child(4) { width:70px; }
#home-view .cg-star { font-size:17px; margin-right:12px; }
#home-view .cg-table-footer { display:flex; justify-content:flex-end; padding-top:5px; }
#home-view .cg-table-footer > div { align-items:center; display:flex; gap:5px; }
#home-view .cg-table-footer a { align-items:center; border-radius:4px; display:flex; font-size:14px; height:32px; justify-content:center; min-width:32px; }
#home-view .cg-table-footer .cg-page-current { background:#32383e; color:#fff; }
#home-view .cg-footer { background:#fff; margin-top:40px; padding:50px 40px 40px; }
#home-view .cg-footer-logo { align-items:center; display:flex; gap:8px; width:200px; }
#home-view .cg-footer-logo img:first-child { height:48px; width:48px; }
#home-view .cg-footer-logo img:last-child { width:144px; }
#home-view .cg-footer-links { display:grid; gap:16px; grid-template-columns:repeat(4,1fr); padding-top:16px; }
#home-view .cg-footer-links section { display:flex; flex-direction:column; gap:16px; }
#home-view .cg-footer-links h3 { font-size:14.4px; font-weight:700; line-height:22px; }
#home-view .cg-footer-links a { font-size:14px; }
#home-view .cg-copyright { font-size:14px; padding-top:21px; }
#home-view .cg-mobile-bottom { display:none; }
#home-view dialog.cg-mobile-dialog:not([open]) { display:none; }
#home-view dialog.cg-mobile-dialog[open] {
  background:#fff; border:0; color:#32383e; display:flex; flex-direction:column; height:100vh; height:100dvh;
  inset:0; margin:0; max-height:none; max-width:none; overflow:hidden; padding:0; position:fixed; width:100vw;
}
#home-view .cg-mobile-dialog::backdrop { background:#fff; }
#home-view .cg-mobile-dialog-header { align-items:center; background:#fff; border-bottom:1px solid #e5e5e5; display:flex; flex:0 0 70px; height:70px; justify-content:space-between; padding:0 20px; }
#home-view .cg-mobile-dialog-logo { display:block; height:24px; width:100px; transform:translateY(-4px); }
#home-view .cg-mobile-dialog-logo img { display:block; height:100%; width:100%; }
#home-view .cg-mobile-dialog-close { align-items:center; background:transparent; border:0; display:flex; height:32px; justify-content:center; padding:4px; width:32px; }
#home-view .cg-mobile-dialog-close img { display:block; height:16px; width:16px; }
#home-view .cg-mobile-dialog-body { flex:1 1 auto; min-height:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; padding:0 20px calc(20px + env(safe-area-inset-bottom)); scrollbar-width:none; }
#home-view .cg-mobile-dialog-body::-webkit-scrollbar { display:none; }
#home-view .cg-mobile-menu-list { display:flex; flex-direction:column; }
#home-view .cg-mobile-menu-item { align-items:center; border-bottom:1px solid #dedede; display:flex; flex:none; font-size:14px; font-weight:600; height:44px; justify-content:space-between; }
#home-view .cg-mobile-menu-item:has(.cg-mobile-menu-chevron) { height:53px; }
#home-view .cg-mobile-menu-item:last-child { height:44px; }
#home-view .cg-mobile-menu-chevron { display:block; height:16px; width:16px; }
#home-view .cg-mobile-menu-actions { display:flex; flex-direction:column; gap:8px; margin-top:8px; }
#home-view .cg-mobile-menu-actions a { align-items:center; background:#1672c9; border-radius:7px; color:#fff; display:flex; font-size:14px; font-weight:600; height:32px; justify-content:center; }
#home-view .cg-mobile-menu-settings { display:flex; gap:8px; margin-top:8px; }
#home-view .cg-mobile-menu-settings select,#home-view .cg-mobile-menu-settings a { background:#f0f2f4; border:1px solid #e4e6e8; border-radius:8px; color:#50575e; flex:1 1 50%; height:34px; }
#home-view .cg-mobile-menu-settings select { font-size:12px; padding:0 8px; }
#home-view .cg-mobile-menu-settings a { align-items:center; display:flex; justify-content:center; }
#home-view .cg-mobile-menu-settings img { display:block; height:17px; width:17px; }
#home-view .cg-mobile-dialog a:focus-visible,#home-view .cg-mobile-dialog button:focus-visible,#home-view .cg-mobile-dialog select:focus-visible { outline:2px solid #1672c9; outline-offset:2px; }
@media (max-width:1199px) {
  #home-view .cg-top-links,#home-view .cg-nav,#home-view .cg-header-search,#home-view .cg-login { display:none; }
  #home-view .cg-header { justify-content:space-between; padding:0 10px; }
  #home-view .cg-logo { flex-basis:130px; height:31px; }
  #home-view .cg-mobile-menu { display:block; }
  #home-view .cg-mobile-bottom { background:#fff; border-top:1px solid var(--cg-border); bottom:0; display:flex; font-size:10px; left:0; line-height:15px; padding:10px 10px calc(10px + env(safe-area-inset-bottom)); position:fixed; width:100%; z-index:1001; }
  #home-view .cg-mobile-bottom > a { align-items:center; display:flex; flex:0 0 20.833333%; flex-direction:column; }
  #home-view .cg-mobile-bottom > a:last-child { flex-basis:16.666667%; }
  #home-view .cg-bottom-icon { align-items:center; display:flex; height:24px; justify-content:center; margin-bottom:5px; width:100%; }
  #home-view .cg-bottom-icon img { display:block; height:24px; width:24px; }
  #home-view .cg-mobile-bottom > a:last-child img { border-radius:5px; height:26px; width:26px; }
}
@media (max-width:899px) {
  html:has(#home-view:not([hidden]))::-webkit-scrollbar { width:5px; }
  html:has(#home-view:not([hidden]))::-webkit-scrollbar-track { background:#f9f9f9; }
  html:has(#home-view:not([hidden]))::-webkit-scrollbar-thumb { background:#c6c6c6; border-radius:5px; }
  #home-view .cg-intro { flex-direction:column-reverse; }
  #home-view .cg-heading { flex-direction:column; gap:0; width:100%; }
  #home-view .cg-heading h1 { line-height:26.6668px; }
  #home-view .cg-heading .cg-blue-button { margin-left:20px; }
  #home-view .cg-actions { flex:0 0 50px; height:50px; min-height:50px; width:100%; }
  #home-view .cg-content-search { flex:1 1 500px; }
  #home-view .hype-button { flex:0 0 67px; margin-left:5px; min-height:50px; padding:4px 13px; text-align:center; white-space:normal; }
  #home-view .cg-main-grid,#home-view .cg-lower-grid { grid-template-columns:minmax(0,1fr); }
  #home-view .cg-metric-card { height:86px; }
  #home-view .cg-metric-card:nth-child(-n+2) { height:102px; }
  #home-view .cg-metric-card:nth-child(-n+2) .cg-metric-values > span { display:flex; flex-direction:column; max-width:100%; width:max-content; }
  #home-view .cg-metric-card:nth-child(-n+2) .cg-metric-values > span:last-child { flex-direction:column-reverse; justify-self:end; }
  #home-view .cg-metric-values small { line-height:18px; padding:0; text-align:center; }
  #home-view .cg-metric-values > span:last-child small { text-align:right; padding-right:5px; }
  #home-view .cg-split-bar { margin-top:0; }
  #home-view .cg-metric-card:nth-child(n+3) .cg-metric-top span:last-child,#home-view .cg-metric-card:nth-child(n+3) .cg-metric-values > span:last-child { text-align:left; }
  #home-view .cg-whale-toolbar { margin-top:4px; }
  #home-view .cg-whale-toolbar h2 { font-size:18.4px; }
  #home-view .cg-whale-table th,#home-view .cg-whale-table td { padding:0; }
  #home-view .cg-whale-table th:nth-child(1) { width:33.333333%; }
  #home-view .cg-whale-table th:nth-child(2) { width:16.666667%; }
  #home-view .cg-whale-table th:nth-child(3),#home-view .cg-whale-table th:nth-child(4) { width:25%; }
  #home-view .cg-whale-table th:nth-child(n+5),#home-view .cg-whale-table td:nth-child(n+5) { display:none; }
  #home-view .cg-whale-panel > .cg-table-scroll { height:320px; min-height:320px; }
  #home-view .cg-ratio-title { align-items:flex-start; flex-direction:column; padding-bottom:10px; }
  #home-view .cg-ratio-title h2 { font-size:20px; white-space:nowrap; }
  #home-view .cg-chart-wrap .cg-chart-legend,#home-view .cg-position-chart { display:none; }
  #home-view .cg-mobile-chart { display:block; }
  #home-view .cg-filter-row { display:grid; gap:0 16px; grid-template-columns:100px repeat(3,minmax(0,1fr)); }
  #home-view .cg-filter-row select { min-width:0; padding:0 8px; width:100%; }
  #home-view .cg-filter-row .cg-check-label { grid-column:1/-1; height:38px; padding-top:10px; }
  #home-view .cg-filter-row > .cg-blue-button { grid-column:1/-1; justify-self:start; margin-left:0; }
  #home-view .cg-footer { min-height:600px; padding:50px 40px 110px; }
  #home-view .cg-footer-links { gap:16px; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:800px) {
  #home-view .cg-page-wrap { padding-left:10px; padding-right:10px; }
}
@media (max-width:767px) {
  #home-view .cg-ratio-summary { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:359px) {
  #home-view .cg-metric-top { font-size:12px; }
  #home-view .cg-metric-values { font-size:14px; }
  #home-view .cg-heading h1,#home-view .cg-ratio-title h2 { font-size:18px; }
  #home-view .cg-filter-row { column-gap:10px; grid-template-columns:86px repeat(3,minmax(0,1fr)); }
  #home-view .cg-filter-row > label:first-child select { width:86px; }
}