.gshengdao{--gsd-w:680px}.gshengdao-warn{width:min(100%, var(--gsd-w));border:1px solid #e8c4b4;border-left:3px solid var(--brand);color:#8a3c1c;text-align:center;background:#fdf1ea;border-radius:8px;margin:0 auto 12px;padding:9px 12px;font-size:13px;line-height:1.7}.gshengdao-top{width:min(100%, var(--gsd-w));justify-content:center;margin:0 auto 14px}.gshengdao-vol{color:var(--text-3);align-items:center;gap:7px;font-size:13px;display:inline-flex}.gshengdao-vol-label{white-space:nowrap}.gshengdao-volrange{width:140px;accent-color:var(--brand);cursor:pointer}.gshengdao-vol-val{text-align:left;font-variant-numeric:tabular-nums;min-width:3.2em;color:var(--text-2)}.gshengdao-stop{min-width:76px}.gshengdao-fig{width:min(100%,520px);margin:0 auto 14px;position:relative}.gshengdao-band{pointer-events:none;width:100%;height:auto;position:absolute;top:0;left:0}.gshengdao-band-line{fill:none;stroke:#8d8378;stroke-width:9px;stroke-linecap:round}.gshengdao-sides{justify-content:center;align-items:stretch;gap:14px;padding-top:42px;display:flex;position:relative}.gshengdao-side{border:2px solid var(--line);background:var(--bg-soft);-webkit-tap-highlight-color:transparent;border-radius:18px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;max-width:228px;min-height:200px;padding:10px 8px 14px;transition:background .12s,border-color .12s,transform .12s;display:flex}.gshengdao-side:hover{background:var(--bg-card)}.gshengdao-side.is-on{background:var(--brand);border-color:var(--brand-dark);color:var(--brand-ink);transform:translateY(-2px)}.gshengdao-cup{width:min(100%,118px);height:auto;display:block}.gshengdao-cup-body{fill:var(--bg-card);stroke:#8d8378;stroke-width:3px;transition:fill .12s,stroke .12s}.gshengdao-side.is-on .gshengdao-cup-body{fill:#fff;stroke:#fff}.gshengdao-wave{fill:none;stroke:var(--brand);stroke-width:4px;stroke-linecap:round;opacity:0;transition:opacity .12s}.gshengdao-wave.is-far{stroke-width:3.4px}.gshengdao-side.is-on .gshengdao-wave{stroke:#fff;opacity:.95}.gshengdao-side.is-on .gshengdao-wave.is-far{opacity:.6}.gshengdao-side-big{color:var(--brand-dark);font-size:max(30px,min(9vw,42px));font-weight:800;line-height:1.1}.gshengdao-side.is-on .gshengdao-side-big{color:#fff}.gshengdao-side-sub{color:var(--text-3);text-align:center;font-size:13px;font-weight:400}.gshengdao-side.is-on .gshengdao-side-sub{color:#ffffffe0}.gshengdao-modes{width:min(100%, var(--gsd-w));justify-content:center;margin:0 auto 12px}.gshengdao-toggle{min-width:92px}.gshengdao-toggle.is-on{background:var(--brand);border-color:var(--brand-dark);color:var(--brand-ink);font-weight:600}.gshengdao-now{width:min(100%, var(--gsd-w));color:var(--brand-dark);text-align:center;min-height:1.5em;margin:0 auto 4px;font-size:15px;font-weight:600}.gshengdao-tonenote{width:min(100%,600px);color:var(--text-3);text-align:center;margin:0 auto 12px;font-size:13px;line-height:1.7}.gshengdao-tip{width:min(100%, var(--gsd-w));color:#c62828;text-align:center;background:#fbe0e0;border-radius:8px;margin:0 auto 12px;padding:8px 10px;font-size:13px;line-height:1.7}.gshengdao-voicenote,.gshengdao-surround{border:1px dashed var(--line);background:var(--bg-soft);width:min(100%,620px);color:var(--text-3);text-align:center;border-radius:8px;margin:0 auto 10px;padding:8px 12px;font-size:12.5px;line-height:1.75}.gshengdao-diag{width:min(100%, var(--gsd-w));border:1px solid var(--line);background:var(--bg-soft);text-align:center;border-radius:12px;margin:16px auto 0;padding:12px 12px 10px}.gshengdao-diag-title{color:var(--text);margin-bottom:4px;font-size:15px;font-weight:700}.gshengdao-diag-note{width:min(100%,560px);color:var(--text-3);text-align:center;margin:0 auto 10px;font-size:13px;line-height:1.7}.gshengdao-diag-bar{justify-content:center;margin-bottom:10px}.gshengdao-diagbtn{min-width:92px}.gshengdao-diagbtn.is-on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-dark);font-weight:600}.gshengdao-diag-out{background:var(--bg-card);border:1px solid var(--line);border-radius:10px;width:min(100%,580px);margin:0 auto;padding:10px 12px}.gshengdao-diag-head{color:var(--text);text-align:center;margin:0 0 8px;font-size:14px;font-weight:600;line-height:1.7}.gshengdao-diag-steps{text-align:left;color:var(--text-2);margin:0 auto 8px;padding-left:1.5em;font-size:13px;line-height:1.8}.gshengdao-diag-steps li{margin-bottom:4px}.gshengdao-diag-tail{color:var(--text-3);text-align:center;margin:0;font-size:13px;line-height:1.75}@media (max-width:720px){.gshengdao-warn{padding:8px 10px;font-size:12px}.gshengdao-top{gap:6px}.gshengdao-volrange{width:112px}.gshengdao-fig{width:min(100%,420px)}.gshengdao-sides{gap:10px;padding-top:34px}.gshengdao-side{border-radius:14px;max-width:none;min-height:168px}.gshengdao-cup{width:min(100%,92px)}.gshengdao-side-sub{font-size:12px}.gshengdao-toggle{min-width:80px;padding:6px 10px;font-size:13px}.gshengdao-tonenote,.gshengdao-voicenote,.gshengdao-surround,.gshengdao-diag-note{font-size:12px}.gshengdao-diag{padding:10px 8px 8px}.gshengdao-diag-steps{padding-left:1.3em;font-size:12.5px}}@media (max-width:400px){.gshengdao-sides{gap:8px;padding-top:28px}.gshengdao-side{min-height:148px;padding:8px 4px 10px}.gshengdao-cup{width:min(100%,76px)}.gshengdao-side-big{font-size:28px}.gshengdao-side-sub{font-size:11px}.gshengdao-toggle{min-width:70px;padding:6px 8px}.gshengdao-diagbtn{min-width:70px;padding:6px 8px;font-size:13px}.gshengdao-diag-out{padding:8px}}@media (prefers-reduced-motion:reduce){.gshengdao-side,.gshengdao-cup-body,.gshengdao-wave{transition:none}.gshengdao-side.is-on{transform:none}}.gshengdao-warn{border:1.5px solid #e7b27c;border-left:3px solid var(--brand);background:#fdf5ec;border-radius:12px}.gshengdao-band-line{stroke:#6f604f}.gshengdao-side{border-color:var(--t-panel-edge);background:var(--t-panel-bg);box-shadow:inset 0 1px #fff,0 4px #dccdb0,0 12px 22px -14px #6e501e73}.gshengdao-side:hover:not(:disabled){background:linear-gradient(#fffdf6 0%,#f9f0df 100%);border-color:#d6bf93}.gshengdao-side:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px #fff,0 1px #dccdb0}.gshengdao-side.is-on,.gshengdao-side.is-on:hover:not(:disabled){background:linear-gradient(180deg, #ebbd55 0%, var(--brand) 100%);border-color:var(--brand-dark);box-shadow:inset 0 1px 0 #ffffff73, 0 4px 0 var(--brand-dark), 0 0 0 5px #c9962e2e, 0 12px 26px -10px #e0a02899}.gshengdao-cup{filter:drop-shadow(0 3px 3px #50371433)}.gshengdao-cup-body{fill:#fffdf8;stroke:#6f604f}.gshengdao-side-big{color:var(--t-digit);text-shadow:0 1px #fff,0 2px #7a551014}.gshengdao-side.is-on .gshengdao-side-big{text-shadow:0 1px #78500a59}.gshengdao-now{color:var(--t-digit)}.gshengdao-toggle.is-on{box-shadow:inset 0 1px 0 #fff6, 0 2px 0 var(--brand-dark);transform:none}.gshengdao-voicenote,.gshengdao-surround{border:1.5px solid var(--t-well-edge);background:var(--t-well-bg);border-radius:12px}.gshengdao-diag{border:1.5px solid var(--t-card-edge);background:var(--t-card-bg);box-shadow:var(--t-card-shadow);border-radius:16px}.gshengdao-diag-title{color:var(--t-ink)}.gshengdao-diag-title:before{content:"";background:var(--brand);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin:0 7px 2px 0;display:inline-block}.gshengdao-diag-out{border:1.5px solid var(--t-well-edge);background:var(--t-well-bg);border-radius:14px}.gshengdao-diag-steps li::marker{color:var(--brand-dark);font-weight:700}.gshengdao-tip{border:1.5px solid #e59a8f;border-radius:12px}@media (prefers-reduced-motion:reduce){.gshengdao-side:active:not(:disabled){transform:none}}