.dj-scroll{--dj-green:#234d3f;--dj-gold:#c6a35b;--dj-cream:#f7f2e6;width:100%;color:var(--dj-green);box-sizing:border-box}
.dj-scroll *{box-sizing:border-box}.dj-scroll-stage{position:relative;width:100%;max-width:1440px;margin-inline:auto}.dj-scroll-svg{display:block;width:100%;height:auto;overflow:visible}.dj-scroll-state{position:absolute;bottom:5%;left:0;right:0;text-align:center;font:15px/1.5 STSong,SimSun,serif;letter-spacing:.25em;color:#6c795e}.dj-scroll-controls{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:8px 18px 24px}.dj-scroll-controls button{font:15px/1.4 "Microsoft YaHei",sans-serif;min-height:44px;padding:10px 22px;color:var(--dj-green);border:1px solid #a89c77;background:transparent;border-radius:0 13px 0 13px;cursor:pointer}.dj-scroll-controls button:first-child{background:var(--dj-green);color:#f5e9c9;border-color:var(--dj-green)}.dj-scroll-controls button:hover{border-color:#927439;background:#e9dfc9;color:#183f30}.dj-scroll-controls button:first-child:hover{background:#315f4d;color:#fff4d6}.dj-scroll-controls :focus-visible{outline:3px solid #8c6930;outline-offset:4px}.dj-scroll-range{display:flex;align-items:center;gap:10px;margin-left:18px;font:13px/1.4 "Microsoft YaHei",sans-serif;color:#56654f}.dj-scroll-range input{width:170px;accent-color:var(--dj-green);min-height:44px;cursor:ew-resize}.dj-scroll-range output{min-width:4ch;font-variant-numeric:tabular-nums}.dj-scroll-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:600px){.dj-scroll-controls{gap:8px;padding:0 12px 20px}.dj-scroll-controls button{padding:10px 18px}.dj-scroll-range{margin-left:0;width:100%;justify-content:center}.dj-scroll-range input{width:min(48vw,220px)}.dj-scroll-state{font-size:12px;bottom:2%}.dj-scroll-stage{margin-top:12px;margin-bottom:10px}}