/* Paper Daily 图解 visual annotations (2026-10-28; A chip + ③ chalkboard Hoot). EXPANDED by default (Felix 2026-10-28):
   in the initial layout, so no CLS. Collapse: .shut with JS; without JS the 收起 link targets the chip (#vzc-id) and
   p:has(.vz-chip:target)+.vz-panel hides it, the chip (#vz-id) shows it again. The slip is ink on cream in BOTH themes; chip follows the theme. */
:root{--vz-ink:#1E1A16;--vz-ink2:#5A5048;--vz-red:#D9643A;--vz-rt:#A3461F;--vz-cream:#FBF6EC;--vz-edge:#E8DFCF;--vz-acbg:#FBEDE6;--vz-acx:#A3461F}
[data-theme=dark]{--vz-edge:#3A342D;--vz-acbg:#3A231A;--vz-acx:#F0A07F}
.vz-chip{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 9px 0 7px;margin-left:6px;vertical-align:2px;box-sizing:border-box;
 border:1px solid var(--line);border-radius:13px;background:var(--paper);color:var(--ink2)!important;text-decoration:none!important;
 font:500 13px/24px var(--sans);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .15s,background .15s}
.vz-chip:hover{background:var(--tint)}
.vz-hh{width:19px;height:17px;flex:none}.vz-hh .o{stroke:#1E1A16}[data-theme=dark] .vz-hh .o{stroke:#D9643A}
.vz-car{font-size:10px;transition:transform .2s}
.vz-chip[aria-expanded=true]{border-color:var(--vz-red);background:var(--vz-acbg);color:var(--vz-acx)!important;font-weight:600}
.vz-chip[aria-expanded=true] .vz-car{transform:rotate(180deg)}
.vz-chip:focus-visible,.vz-panel a:focus-visible,.vz-panel button:focus-visible,.vz-track:focus-visible{outline:2px solid var(--vz-red);outline-offset:2px}
.vz-panel{display:block;margin:-6px 0 26px;scroll-margin-top:72px}
p:has(.vz-chip:target)+.vz-panel,.vz-panel.shut{display:none!important}.vz-panel.open{display:block!important}
.vz-slip{background:var(--vz-cream);color:var(--vz-ink);border:1px solid var(--vz-edge);border-radius:12px;padding:12px 14px;max-width:100%;box-sizing:border-box}
.vz-ttl{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 6px;font:600 14.5px/1.45 var(--sans)}
.vz-close{flex:none;font:500 13px var(--sans);color:var(--vz-ink2)!important;text-decoration:none!important;padding:4px 2px}
.vz-row{display:flex;align-items:center;gap:8px;margin:0 0 10px}
.vz-hoot{flex:none;display:block;width:64px;height:64px}
.vz-board{flex:1;min-width:0;position:relative;background:#1E1A16;color:#FBF6EC;border:3px solid #D9643A;border-bottom-width:6px;border-radius:6px;
 padding:7px 11px 6px;font:14px/1.6 var(--sans);box-shadow:inset 0 0 0 1px rgba(251,246,236,.08)}
.vz-board b{color:#F4B08F;font-weight:600}
.vz-board::after{content:"";position:absolute;right:14px;bottom:-5px;width:16px;height:3px;border-radius:2px;background:#FBF6EC}
.vz-svg{display:block;width:100%;height:auto;font-family:var(--sans)}
.vz-m{display:none}@media(max-width:640px){.vz-d{display:none}.vz-m{display:block}.vz-hoot{width:52px;height:52px}.vz-board{font-size:13.5px}}
.vz-cap{font:13px/1.6 var(--sans);color:var(--vz-ink2);margin:8px 2px 0}.vz-cap b{color:var(--vz-ink)}
.vz-srcl{display:block;font-size:12.5px;margin-top:2px}
.vz-ctl{display:flex;align-items:center;gap:12px;margin:6px 2px 0;font:13.5px/1.4 var(--sans);color:var(--vz-ink)}
.vz-ctl input{flex:1;min-width:0;height:28px;margin:0;accent-color:var(--vz-red)}
.vz-out{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.vz-out em{font-style:normal;color:var(--vz-rt)}
.vz-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:640px){.vz-ctl{flex-wrap:wrap;gap:2px 10px}.vz-ctl input{flex:1 0 100%}}
.vz-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;scrollbar-width:none;overscroll-behavior-x:contain}
.vz-track::-webkit-scrollbar{display:none}
.vz-fr{flex:0 0 100%;scroll-snap-align:start;margin:0;min-width:0}
.vz-fr figcaption{font:14px/1.6 var(--sans);color:var(--vz-ink);margin:8px 2px 0}
.vz-fr figcaption b{font-weight:600}
.vz-fr figcaption>b:first-child{display:block;color:var(--vz-rt);font-weight:600;font-variant-numeric:tabular-nums}
.vz-nav{display:flex;align-items:center;justify-content:space-between;margin:8px 0 0}
.vz-nav button{width:40px;height:40px;border:1px solid var(--vz-edge);border-radius:20px;background:#fff;color:var(--vz-ink);font-size:20px;line-height:36px;cursor:pointer;padding:0}
.vz-nav button:disabled{opacity:.4;cursor:default}
.vz-ind{display:flex;align-items:center;gap:10px;font:600 13.5px var(--sans);color:var(--vz-ink2);font-variant-numeric:tabular-nums}
.vz-dots{display:flex;gap:5px}.vz-dots i{width:6px;height:6px;border-radius:3px;background:#D8CCB8}.vz-dots i.on{width:16px;background:var(--vz-red)}
.vz-calc{margin:10px 0 0;padding:8px 12px 8px 30px;border:1px dashed #D8CCB8;border-radius:8px;font:13.5px/1.7 var(--sans);font-variant-numeric:tabular-nums}
.vz-calc b{color:var(--vz-rt)}
.vz-cmp{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:640px){.vz-cmp{grid-template-columns:1fr}}
.vz-col{border:1.5px solid #D8CCB8;border-radius:10px;padding:10px 12px;background:#fff;min-width:0}
.vz-col-r{border-color:var(--vz-red)}
.vz-ch{margin:0 0 6px;font:600 14px/1.45 var(--sans)}.vz-ch b{color:var(--vz-rt)}
.vz-col dl{margin:0;font:13.5px/1.5 var(--sans)}.vz-col dl div{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-top:1px solid #EFE6D6}
.vz-col dt{color:var(--vz-ink2);flex:1 1 auto;min-width:0}.vz-col dd{margin:0;max-width:60%;text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.vz-col dd b,.vz-col dt b{color:var(--vz-rt)}
.vz-bar{display:flex;height:26px;margin:8px 0 2px;border-radius:5px;overflow:hidden;font:600 12px/26px var(--sans)}
.vz-bar span{display:block;min-width:0;overflow:hidden;text-align:center}.vz-bar i{font-style:normal}
.vz-b0{background:#F3D9C9;color:#1E1A16}.vz-b1{background:#E9C2A9;color:#1E1A16}.vz-b2{background:#1E1A16;color:#FBF6EC}
.vz-cf{margin:6px 0 0;font:13.5px/1.55 var(--sans);color:var(--vz-ink)}.vz-cf b{color:var(--vz-rt)}
@media(prefers-reduced-motion:reduce){.vz-chip,.vz-car{transition:none}}
.vz-bx text{fill:#1E1A16}.vz-bx .c{text-anchor:middle}.vz-bx .b{font-weight:600}.vz-bx .s{font-size:.93em}.vz-bx .x{font-size:.86em}
.vz-bx .w{fill:#FBF6EC}.vz-bx .r{fill:#A3461F}.vz-bx .g{fill:#5A5048}.vz-bx .e{stroke:#1E1A16;stroke-width:1.6}.vz-bx marker path{fill:#1E1A16}
.vz-bx rect{stroke-width:1.6}.vz-bx .k0{fill:#FBF6EC;stroke:#1E1A16}.vz-bx .k1{fill:#1E1A16;stroke:#1E1A16}.vz-bx .k2{fill:#FBE3D6;stroke:#D9643A}.vz-bx .k3{fill:#EFE6D6;stroke:#5A5048}
.vz-col dd.vz-nw{white-space:nowrap;max-width:none}
.vz-k{color:var(--vz-rt);font-weight:700;margin-right:.5em}.vz-k::after{content:"·";margin-left:.5em;color:var(--vz-ink2)}
.vz-gds{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vz-gd:only-child{grid-column:1/-1;max-width:440px}@media(max-width:640px){.vz-gds{grid-template-columns:1fr}}
.vz-gd{margin:0;min-width:0}.vz-gd svg{max-width:360px;margin:0 auto}.vz-gd figcaption{font:600 13.5px/1.45 var(--sans);margin:0 0 4px}
.vz-gd p{font:13px/1.55 var(--sans);margin:4px 0 0}.vz-gd p b{color:var(--vz-rt)}
.vz-lg{display:flex;flex-wrap:wrap;gap:2px 14px;list-style:none;margin:8px 2px 0;padding:0;font:13px/1.6 var(--sans)}
.vz-lg i{display:inline-block;width:12px;height:12px;margin-right:5px;vertical-align:-1px;border:1.5px solid;box-sizing:border-box}