* { box-sizing:border-box; }
  body { background:var(--bg); color:var(--text); font:15px/1.5 Inter,-apple-system,"Segoe UI",Roboto,Helvetica,sans-serif; margin:0; padding:0; overflow-x:hidden; }
  .site-nav { width:min(1200px,calc(100% - 36px)); margin-top:18px; }
  .dp-shell { width:min(1180px,calc(100% - 36px)); margin:0 auto 40px; }
  a { text-decoration:none; color:inherit; }
  h2 { margin:0; }
  .muted { color:var(--muted); }
  .sm { font-size:12px; }

  /* lean identity hues — the page's organising colour language.
     --acc (accumulation/up) & --dis (distribution/down) are DIRECTION reads →
     they swap under html[data-lang="zh"] per the house 红涨绿跌 ruling.
     --unc (amber) & --dpb (blue) are non-directional → they never swap. */
  :root { --ink:#e8edf4; --faint:#828b9c; --acc:#2dd4a7; --dis:#e5738a; --unc:#e0a44a; --dpb:#8b96f8; }
  html[data-theme="light"] { --ink:#0f1622; --faint:#5f6a7a; --acc:#0f9b7a; --dis:#cf5570; --unc:#b9791a; --dpb:#4559dc; }
  html[data-lang="zh"] { --acc:#e5738a; --dis:#2dd4a7; }
  html[data-theme="light"][data-lang="zh"] { --acc:#cf5570; --dis:#0f9b7a; }

  /* ---------- hero ---------- */
  .dp-hero { padding:26px 0 4px; animation:dpUp .55s cubic-bezier(.2,.7,.3,1) both; }
  .dp-brand { display:flex; align-items:center; gap:11px; font-weight:800; font-size:26px; color:var(--ink); letter-spacing:-.02em; }
  .dp-mark { width:30px; height:30px; flex:none; }
  .dp-mark svg { display:block; width:30px; height:30px; }
  .dp-brand .gn { background:linear-gradient(96deg,var(--acc),var(--dpb) 60%,var(--unc)); -webkit-background-clip:text; background-clip:text; color:transparent; }
  .dp-sub { color:var(--muted); font-size:14px; margin:5px 0 0; max-width:640px; }
  .dp-verdict { font-size:clamp(20px,3vw,28px); font-weight:800; color:var(--ink); letter-spacing:-.022em; line-height:1.3; margin:18px 0 4px; max-width:900px; }
  .dp-asof { display:inline-flex; align-items:center; flex-wrap:wrap; gap:6px 8px; font-size:12px; line-height:1.45; color:var(--muted); margin-top:8px; }
  .dp-asof .l-en,.dp-asof .l-zh { white-space:nowrap; }
  .dp-dot { width:7px; height:7px; border-radius:50%; background:var(--up); animation:dpBreathe 2.8s ease-in-out infinite; flex:none; }
  .dp-census { display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; font-size:11.5px; color:var(--muted); }
  .dp-census span { padding:4px 9px; border:1px solid var(--line); border-radius:999px; background:var(--panel); }
  .dp-census b { color:var(--ink); font-variant-numeric:tabular-nums; }
  .session-badge { display:inline-flex; margin-left:7px; padding:2px 6px; border-radius:999px; border:1px solid color-mix(in srgb,var(--unc) 45%,var(--line)); color:var(--unc); font-size:9.5px; font-weight:750; white-space:nowrap; vertical-align:middle; }
  tr.is-stale td { color:color-mix(in srgb,var(--muted) 86%,transparent); }

  /* ---------- market gauge ---------- */
  .dp-gauge { margin:16px 0 2px; }
  .gg { display:inline-flex; align-items:baseline; gap:11px; flex-wrap:wrap; padding:11px 16px; border-radius:13px; border:1px solid var(--line); background:var(--panel); }
  .gg-k { font-size:11.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--muted); }
  .gg-v { font-size:22px; font-weight:800; color:var(--ink); font-variant-numeric:tabular-nums; letter-spacing:-.02em; }
  .gg-n { font-size:12px; color:var(--muted); }

  /* ---------- coverage / limits ---------- */
  .dp-limits { margin:30px 0 0; padding:15px 17px; border:1px solid var(--line); border-radius:13px; background:var(--panel); }
  .dp-limits .lh { font-size:10.5px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; color:var(--muted); margin-bottom:8px; }
  .dp-limits ul { margin:0; padding-left:17px; }
  .dp-limits li { font-size:12.5px; color:var(--muted); line-height:1.6; }
  .dp-limits b { color:var(--ink); font-weight:700; font-variant-numeric:tabular-nums; }

  /* ---------- what changed ---------- */
  .dp-changes { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:22px 0 2px; }
  .dp-changes .eb { font-size:10.5px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; color:var(--muted); margin-right:2px; }
  .cchip { display:inline-flex; align-items:center; gap:7px; padding:6px 13px; border-radius:999px; border:1px solid var(--line); background:var(--panel); font-size:12.5px; font-weight:600; color:var(--ink); }
  .cchip .cd { width:6px; height:6px; border-radius:50%; background:var(--unc); flex:none; animation:dpBreathe 2.2s ease-in-out infinite; }
  .cchip.calm { color:var(--muted); font-weight:500; }
  .cchip.calm .cd { background:var(--up); }

  /* ---------- section chrome ---------- */
  .sec { display:flex; align-items:baseline; gap:11px; margin:36px 0 3px; flex-wrap:wrap; }
  .sec .sd { width:8px; height:8px; border-radius:2px; background:var(--sc,var(--faint)); align-self:center; flex:none; }
  .sec h2 { font-size:12px; font-weight:800; color:var(--ink); text-transform:uppercase; letter-spacing:.08em; }
  .sec .cnt { font-size:12px; color:var(--faint); font-weight:600; }
  .sec-sub { font-size:13px; color:var(--muted); margin:2px 0 15px; max-width:820px; }

  /* ---------- lean rail (the thesis + glance) ---------- */
  .rail { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
  @media(max-width:820px){ .rail { grid-template-columns:1fr; } }
  .lc { position:relative; background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:18px 18px 16px; overflow:hidden; animation:dpUp .55s cubic-bezier(.2,.7,.3,1) both; }
  .lc::before { content:''; position:absolute; inset:0 0 auto 0; height:3px; background:var(--c); }
  .lc.acc { --c:var(--acc); } .lc.dis { --c:var(--dis); } .lc.unc { --c:var(--unc); }
  .lc:nth-child(2){ animation-delay:.05s; } .lc:nth-child(3){ animation-delay:.1s; }
  /* prints settling into the dark — cheap opacity-only ambient */
  .pool { position:absolute; right:14px; top:15px; width:52px; height:42px; opacity:.5; pointer-events:none; }
  .pool i { position:absolute; width:4px; height:4px; border-radius:50%; background:var(--c); opacity:0; animation:dpSink 3.6s ease-in infinite; }
  .pool i:nth-child(1){ left:5px; animation-delay:0s; } .pool i:nth-child(2){ left:19px; animation-delay:.9s; }
  .pool i:nth-child(3){ left:33px; animation-delay:1.8s; } .pool i:nth-child(4){ left:46px; animation-delay:2.6s; }
  .lc-k { display:flex; align-items:center; gap:8px; font-size:11.5px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:var(--c); }
  .lc-state { font-size:23px; font-weight:800; color:var(--ink); letter-spacing:-.02em; margin:11px 0 2px; line-height:1.12; }
  .lc-state small { font-size:14px; color:var(--muted); font-weight:600; }
  .lc-read { font-size:12.5px; color:var(--muted); line-height:1.5; margin:6px 0 0; }
  .lc-names { display:flex; flex-wrap:wrap; gap:5px; margin-top:12px; }
  .tag { display:inline-block; padding:3px 9px; border-radius:7px; font-size:11.5px; font-weight:700; font-variant-numeric:tabular-nums; background:color-mix(in srgb,var(--c) 13%,var(--panel)); color:var(--c); }
  .lc-foot { display:flex; align-items:center; justify-content:space-between; margin-top:14px; padding-top:12px; border-top:1px solid var(--line); }
  .stance { display:inline-flex; align-items:center; gap:6px; padding:5px 13px; border-radius:999px; font-size:12px; font-weight:700; background:color-mix(in srgb,var(--c) 11%,var(--panel)); color:var(--c); border:1px solid color-mix(in srgb,var(--c) 28%,var(--line)); }
  .stance .sdot { background:currentColor; width:6px; height:6px; border-radius:50%; animation:dpBreathe 2.4s ease-in-out infinite; flex:none; }

  /* ---------- standouts board (actionable payload) ---------- */
  .board { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
  @media(max-width:760px){ .board { grid-template-columns:1fr; } }
  .name { position:relative; background:var(--panel); border:1px solid var(--line); border-radius:15px; padding:15px 17px; overflow:hidden; transition:transform .16s ease,border-color .2s ease,box-shadow .2s ease; animation:dpUp .5s cubic-bezier(.2,.7,.3,1) both; }
  .name:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--c) 45%,var(--line)); box-shadow:0 12px 30px -18px rgba(0,0,0,.5); }
  .name::before { content:''; position:absolute; inset:0 auto 0 0; width:3px; background:var(--c); }
  .name.acc { --c:var(--acc); } .name.dis { --c:var(--dis); } .name.unc { --c:var(--unc); }
  .n-top { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
  .n-tk { font-size:19px; font-weight:800; color:var(--ink); letter-spacing:-.01em; }
  .n-lean { display:inline-flex; align-items:center; gap:6px; padding:4px 11px; border-radius:999px; font-size:11px; font-weight:700; white-space:nowrap; background:color-mix(in srgb,var(--c) 13%,var(--panel)); color:var(--c); border:1px solid color-mix(in srgb,var(--c) 32%,var(--line)); }
  /* depth meter — the signature: how much of the day's volume went dark */
  .n-depth { margin:15px 0 4px; }
  .n-depth .dl { display:flex; justify-content:space-between; font-size:10.5px; color:var(--muted); font-weight:600; letter-spacing:.02em; margin-bottom:6px; }
  .n-depth .dl b { color:var(--ink); font-size:12.5px; font-variant-numeric:tabular-nums; }
  .dtrack { position:relative; height:10px; border-radius:6px; background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--line) 60%,transparent) 0 2px,transparent 2px 7px); border:1px solid var(--line); overflow:visible; }
  .dfill { position:absolute; inset:0 auto 0 0; border-radius:5px; background:linear-gradient(90deg,color-mix(in srgb,var(--c) 22%,transparent),color-mix(in srgb,var(--c) 60%,transparent)); animation:dpGrow .8s cubic-bezier(.2,.7,.3,1) both; transform-origin:left; }
  .dnorm { position:absolute; top:-3px; bottom:-3px; width:2px; background:var(--ink); opacity:.5; border-radius:2px; }
  .dnorm::after { content:attr(data-le); position:absolute; top:-13px; left:50%; transform:translateX(-50%); font-size:8px; color:var(--faint); font-weight:700; letter-spacing:.03em; white-space:nowrap; }
  html[data-lang="zh"] .dnorm::after { content:attr(data-lz); }
  .n-facts { display:flex; gap:16px; margin-top:13px; flex-wrap:wrap; }
  .nf { font-size:11px; color:var(--muted); }
  .nf b { display:block; font-size:13px; color:var(--ink); font-weight:700; font-variant-numeric:tabular-nums; margin-top:1px; }
  .nf b.up { color:var(--dis); } .nf b.dn { color:var(--acc); }
  .n-read { font-size:12px; color:var(--muted); line-height:1.45; margin-top:11px; padding-top:11px; border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent); }
  .n-read b { color:var(--text); font-weight:600; }

  /* ---------- venue flow ---------- */
  .vcard { background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:16px 20px; }
  .vrow { display:grid; grid-template-columns:minmax(150px,1.1fr) 2fr 132px; align-items:center; gap:14px; padding:9px 0; }
  .vrow + .vrow { border-top:1px solid color-mix(in srgb,var(--line) 60%,transparent); }
  @media(max-width:620px){ .vrow { grid-template-columns:1fr 96px; } .vtrack { display:none; } }
  .vn { font-size:13px; font-weight:700; color:var(--ink); }
  .vn .mp { display:block; font-size:10.5px; font-weight:500; color:var(--faint); margin-top:1px; letter-spacing:.02em; }
  .vtrack { position:relative; height:9px; background:color-mix(in srgb,var(--line) 55%,var(--panel)); border-radius:999px; overflow:hidden; }
  .vfill { position:absolute; inset:0 auto 0 0; border-radius:999px; background:linear-gradient(90deg,color-mix(in srgb,var(--dpb) 28%,transparent),color-mix(in srgb,var(--dpb) 60%,transparent)); animation:dpGrow .8s cubic-bezier(.2,.7,.3,1) both; transform-origin:left; }
  .vfill.mover { background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 32%,transparent),color-mix(in srgb,var(--acc) 64%,transparent)); }
  .vwow { justify-self:end; display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap; }
  .vpct { color:var(--ink); }
  .vd { font-size:11.5px; font-weight:700; } .vd.u { color:var(--acc); } .vd.dn { color:var(--dis); } .vd.f { color:var(--faint); }
  .vnew { font-size:9.5px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:var(--acc); background:color-mix(in srgb,var(--acc) 12%,var(--panel)); padding:2px 7px; border-radius:6px; }

  /* ---------- quiet state ---------- */
  .dp-quiet { background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:22px; color:var(--muted); font-size:14px; line-height:1.6; }

  /* ---------- shelves (go deeper: desk + method) ---------- */
  .shelf details { background:var(--panel); border:1px solid var(--line); border-radius:14px; margin-top:12px; overflow:hidden; }
  .shelf summary { list-style:none; cursor:pointer; padding:15px 20px; display:flex; align-items:center; gap:12px; font-size:14px; font-weight:700; color:var(--ink); }
  .shelf summary::-webkit-details-marker { display:none; }
  .shelf summary:hover { background:color-mix(in srgb,var(--dpb) 5%,var(--panel)); }
  .shelf summary .si { flex:none; width:26px; height:26px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:13px; background:color-mix(in srgb,var(--dpb) 10%,var(--panel)); }
  .shelf summary .sh { margin-left:auto; font-size:11.5px; font-weight:600; color:var(--faint); }
  .shelf summary .sc { flex:none; font-size:11px; color:var(--faint); transition:transform .25s; }
  .shelf details[open] summary .sc { transform:rotate(90deg); }
  .shelf .sb { padding:6px 20px 20px; border-top:1px solid var(--line); }
  .method { font-size:13px; color:var(--muted); line-height:1.7; max-width:840px; }
  .method p { margin:8px 0; }
  .method b { color:var(--ink); }

  .disc { font-size:12px; color:var(--muted); margin:28px 0 0; padding-top:14px; border-top:1px solid var(--line); line-height:1.6; }

  /* ---------- desk (demoted) ---------- */
  .tbl-wrap { overflow-x:auto; margin-top:10px; max-width:100%; -webkit-overflow-scrolling:touch; }
  table.dp-tbl { border-collapse:collapse; width:100%; font-size:12.5px; }
  table.dp-tbl th { color:var(--muted); font-weight:600; font-size:11px; text-transform:uppercase; letter-spacing:.04em; padding:6px 8px; border-bottom:1px solid var(--line); text-align:right; white-space:nowrap; cursor:pointer; user-select:none; }
  table.dp-tbl th:first-child { text-align:left; }
  table.dp-tbl th.sort-asc::after { content:' ▲'; font-size:9px; }
  table.dp-tbl th.sort-desc::after { content:' ▼'; font-size:9px; }
  table.dp-tbl td { padding:5px 8px; border-bottom:1px solid var(--line); text-align:right; font-variant-numeric:tabular-nums; }
  table.dp-tbl td:first-child { text-align:left; font-weight:600; color:var(--ink); }
  table.dp-tbl tr:hover td { background:var(--panel2); }
  .num-pos { color:var(--ink-up, var(--up)); } .num-neg { color:var(--ink-down, var(--down)); } .num-neu { color:var(--muted); }
  .norm-chip { display:inline-block; font-size:10.5px; padding:1px 7px; border-radius:12px; white-space:nowrap; }
  .norm-hi2 { background:rgba(220,50,50,.14); color:var(--ink-down, var(--down)); } .norm-hi1 { background:rgba(220,50,50,.07); color:var(--ink-down, var(--down)); }
  .norm-mid { background:var(--panel2); color:var(--muted); }
  .norm-lo1 { background:rgba(35,134,54,.07); color:var(--ink-up, var(--up)); } .norm-lo2 { background:rgba(35,134,54,.14); color:var(--ink-up, var(--up)); }
  .spark-cell { min-width:90px; } svg.spark { display:block; overflow:visible; }
  .filters-row { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:10px 0; }
  .dp-input, .dp-select { background:var(--panel2); border:1px solid var(--line); border-radius:8px; padding:5px 10px; font-size:13px; color:var(--text); outline:none; }
  .dp-input::placeholder { color:var(--muted); }
  #dp-search { max-width:200px; } #dp-min-share { max-width:110px; }
  .clear-btn, .export-btn { font-size:12px; color:var(--muted); cursor:pointer; padding:4px 8px; border:1px solid var(--line); border-radius:8px; background:none; }
  .clear-btn:hover, .export-btn:hover { border-color:var(--text); color:var(--text); }
  .export-btn { margin-left:auto; }
  .row-count { font-size:11.5px; color:var(--muted); margin-bottom:6px; }
  .presets-row { display:flex; flex-wrap:wrap; gap:6px; margin:4px 0 10px; }
  .chip { display:inline-flex; align-items:center; font-size:11.5px; padding:2px 9px; border-radius:20px; border:1px solid var(--line); background:var(--panel2); color:var(--muted); white-space:normal; max-width:100%; }
  .chip.preset { cursor:pointer; user-select:none; }
  .chip.preset:hover { background:var(--panel2); border-color:var(--text); color:var(--text); }
  .chip.preset.active { background:var(--dpb); border-color:transparent; color:#fff; }
  .tip-wrap { display:inline-flex; align-items:center; justify-content:center; width:15px; height:15px; border-radius:50%; border:1px solid var(--muted); color:var(--muted); font-size:9px; font-weight:700; cursor:help; position:relative; vertical-align:middle; margin-left:3px; }
  .tip-pop { display:none; position:absolute; top:140%; left:50%; transform:translateX(-50%); width:min(260px,calc(100vw - 32px)); background:var(--panel); border:1px solid var(--line); border-radius:8px; padding:9px 12px; z-index:80; font-size:12px; line-height:1.5; color:var(--text); box-shadow:0 4px 16px rgba(0,0,0,.18); pointer-events:none; white-space:normal; overflow-wrap:break-word; font-weight:400; text-transform:none; letter-spacing:0; }
  .tip-wrap:hover .tip-pop { display:block; }

  /* ---------- motion ---------- */
  @keyframes dpUp { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:none} }
  @keyframes dpBreathe { 0%,100%{opacity:.45;transform:scale(.85)} 50%{opacity:1;transform:scale(1.1)} }
  @keyframes dpGrow { from{transform:scaleX(0)} to{transform:scaleX(1)} }
  @keyframes dpSink { 0%{opacity:0;transform:translateY(-6px)} 25%{opacity:.9} 70%{opacity:.5} 100%{opacity:0;transform:translateY(28px)} }
  @media(max-width:900px){ .pool { display:none; } }
  @media(prefers-reduced-motion:reduce){ .dp-hero,.lc,.name,.dfill,.vfill,.dp-dot,.cchip .cd,.stance .sdot,.pool i { animation:none; } * { transition:none !important; } }

  @media (max-width:900px) { .sc-hide { display:none; } }
  @media (max-width:640px) { .sc-hide-sm { display:none; } }
  @media (max-width:480px) { .sc-hide-xs { display:none; } }