.gjiazigu-bar{justify-content:center;width:min(100%,680px);margin-left:auto;margin-right:auto}.gjiazigu-step{font-variant-numeric:tabular-nums;min-width:46px}.gjiazigu-range{min-width:110px;accent-color:var(--brand);cursor:pointer;flex:140px}.gjiazigu-num{width:68px;font:inherit;text-align:center;font-variant-numeric:tabular-nums;border:1px solid var(--line);background:var(--bg-card);color:var(--text);border-radius:8px;padding:6px 8px;font-size:15px}.gjiazigu-unit{color:var(--text-3);letter-spacing:.04em;font-size:12px}.gjiazigu-vol{color:var(--text-3);align-items:center;gap:6px;font-size:13px;display:inline-flex}.gjiazigu-vol-label{white-space:nowrap}.gjiazigu-volrange{width:100px;accent-color:var(--brand);cursor:pointer}.gjiazigu-audiotip{color:#c62828;text-align:center;background:#fbe0e0;border-radius:8px;width:min(100%,620px);margin:0 auto 10px;padding:8px 10px;font-size:13px}.gjiazigu-kit{width:min(100%,560px);margin:0 auto 10px}.gjiazigu-svg{border:1px solid var(--line);background:var(--bg-soft);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:14px;width:100%;height:auto;display:block}.gjiazigu-piece{cursor:pointer;transform-box:fill-box;transform-origin:50%;transition:transform 70ms ease-out}.gjiazigu-piece.is-hit{transform:scale(1.08)}.gjiazigu-shell{fill:#7a5030;stroke:#4f3220;stroke-width:1.2px}.gjiazigu-cym{fill:#dfb65c;stroke:#a8862f;stroke-width:1.2px}.gjiazigu-cymline{fill:none;stroke:#3c2c1047;stroke-width:.8px}.gjiazigu-bolt{fill:#cfc4b2}.gjiazigu-ktext{fill:var(--text);font-family:var(--font);text-anchor:middle;dominant-baseline:central;pointer-events:none;font-weight:700}.gjiazigu-piece.is-hit .gjiazigu-head,.gjiazigu-piece.is-hit .gjiazigu-cym{fill:var(--brand)}.gjiazigu-piece.is-hit .gjiazigu-ktext{fill:#fff}.gjiazigu.is-nolabel .gjiazigu-ktext{display:none}.gjiazigu-pads{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:6px;width:min(100%,680px);margin:0 auto 10px;display:flex}.gjiazigu-pad{border:1px solid var(--line);background:var(--bg-card);min-width:64px;color:var(--text);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;transition:transform 70ms ease-out,background 70ms,border-color 70ms;display:inline-flex}.gjiazigu-padkey{color:var(--brand-dark);font-size:13px;font-weight:800;line-height:1.1}.gjiazigu-padname{color:var(--text-3);white-space:nowrap;font-size:12px;line-height:1.1}.gjiazigu-pad.is-hit{background:var(--brand);border-color:var(--brand-dark);transform:scale(1.06)}.gjiazigu-pad.is-hit .gjiazigu-padkey,.gjiazigu-pad.is-hit .gjiazigu-padname{color:#fff}.gjiazigu-patnote{width:min(100%,760px);color:var(--text-2);text-align:center;margin:0 auto 8px;font-size:13px}.gjiazigu-seqwrap{width:min(100%,720px);margin:0 auto;overflow-x:auto}.gjiazigu-seq{border:1px solid var(--line);background:var(--bg-soft);border-radius:12px;width:max-content;min-width:100%;margin:0 auto;padding:8px 10px}.gjiazigu-row{justify-content:center;align-items:center;gap:8px;margin-bottom:3px;display:flex}.gjiazigu-row:last-child{margin-bottom:0}.gjiazigu-row-head{margin-bottom:4px}.gjiazigu-rowname{text-align:right;width:5.4em;color:var(--text-3);white-space:nowrap;flex:none;font-size:12px}.gjiazigu-cells{justify-content:center;gap:3px;display:flex}.gjiazigu-col{text-align:center;width:24px;color:var(--text-3);font-variant-numeric:tabular-nums;flex:none;font-size:11px;line-height:1.2}.gjiazigu-col.is-beat{color:var(--text-2);font-weight:700}.gjiazigu-col.is-now{color:var(--brand-dark)}.gjiazigu-cell{border:1px solid var(--line);background:var(--bg-card);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:4px;flex:none;width:24px;height:20px;padding:0;transition:background 60ms,border-color 60ms}.gjiazigu-cell.is-on{background:var(--brand);border-color:var(--brand-dark)}.gjiazigu-cell:hover{border-color:var(--brand)}.gjiazigu-seqfoot{width:min(100%,760px);color:var(--text-3);text-align:center;font-variant-numeric:tabular-nums;margin:8px auto 0;font-size:12px}@media (max-width:720px){.gjiazigu-bar{gap:6px}.gjiazigu-bar .g-btn,.gjiazigu-bar .g-select{padding:6px 10px;font-size:13px}.gjiazigu-step{min-width:40px}.gjiazigu-num{width:58px;font-size:14px}.gjiazigu-volrange{width:84px}.gjiazigu-pads{gap:4px}.gjiazigu-pad{min-width:54px;padding:5px}.gjiazigu-padkey{font-size:12px}.gjiazigu-padname{font-size:11px}.gjiazigu-seq{padding:6px}.gjiazigu-row{gap:5px}.gjiazigu-rowname{width:4.6em;font-size:11px}.gjiazigu-cells{gap:2px}.gjiazigu-col,.gjiazigu-cell{width:18px}.gjiazigu-cell{height:18px}}.gjiazigu-svg{border:1.5px solid var(--t-panel-edge);box-shadow:var(--t-panel-shadow);background:radial-gradient(ellipse 70% 55% at 50% 58%, #fff4dcf2, #fff4dc00 70%), var(--t-panel-bg);border-radius:18px}.gjiazigu-piece{filter:drop-shadow(0 3px 2px #46280f47)}.gjiazigu-shell{fill:#83532f;stroke:#4a2d1a}.gjiazigu-head{fill:#fbf4e4;stroke:#d6b57f;stroke-width:1.4px}.gjiazigu-cym{stroke:#9a7a26}.gjiazigu-ktext{fill:var(--t-ink)}.gjiazigu-piece.is-hit{filter:drop-shadow(0 1px 1px #46280f4d)drop-shadow(0 0 8px #e0a02873)}.gjiazigu-pad{border:1.5px solid var(--t-edge);background:var(--t-face);box-shadow:inset 0 1px 0 #ffffffb3, 0 2px 0 var(--t-drop)}.gjiazigu-pad:hover{background:var(--t-hover);border-color:#bea77f}.gjiazigu-pad.is-hit{background:var(--brand);border-color:var(--brand-dark);box-shadow:inset 0 1px 0 #ffffff59, 0 0 0 var(--brand-dark);transform:translateY(2px)scale(1.04)}.gjiazigu-num{border:1.5px solid var(--t-edge);background:var(--t-well);border-radius:10px;box-shadow:inset 0 1.5px 3px #50371412}.gjiazigu-seq{border:1.5px solid var(--t-well-edge);background:var(--t-well-bg);border-radius:14px}.gjiazigu-cell{background:#fffdf8;border-color:#e3d6bd;box-shadow:inset 0 1px #fffc,0 1px #e0d2b6}.gjiazigu-cell.is-beat{border-color:#c9b894}.gjiazigu-cell.is-on{background:linear-gradient(#e6b54a, var(--brand));border-color:var(--brand-dark);box-shadow:inset 0 1px 0 #ffffff73, 0 1px 0 var(--brand-dark)}.gjiazigu-cell.is-now{box-shadow:inset 0 0 0 2px var(--brand-dark), 0 1px 0 #e0d2b6}.gjiazigu-cell.is-on.is-now{box-shadow:inset 0 0 0 2px var(--brand-dark), inset 0 0 0 3px #ffffff80}.gjiazigu-audiotip{border:1.5px solid #e59a8f;border-radius:12px}@media (prefers-reduced-motion:reduce){.gjiazigu-pad.is-hit{transform:none}}.gjiazigu-bpm{flex-wrap:nowrap;flex:320px;justify-content:center;align-items:center;gap:6px;min-width:0;max-width:460px;display:inline-flex}.gjiazigu-bpm .gjiazigu-range{min-width:60px}@media (max-width:720px){.gjiazigu-bpm{flex-basis:100%;max-width:none}}@media (max-height:500px) and (orientation:landscape){.gjiazigu-kit{width:min(100%,560px,147vh - 88.2px)}}