.tiao-yin-keyboard[data-v-bdb64313]{position:relative;max-width:100%;overflow:hidden}.tiao-yin-keyboard>.height-support[data-v-bdb64313]{position:relative;height:155px;background:#555}.trans-wrap[data-v-bdb64313]{position:absolute;top:0;left:50%;transition:transform .3s}.trans-wrap>.wrap[data-v-bdb64313]{position:relative;display:inline-block;padding:0 4px;font-size:12px;white-space:nowrap;background:#888}.key-item[data-v-bdb64313]{position:relative;display:inline-block;vertical-align:top;cursor:pointer;user-select:none}.key-item.disable[data-v-bdb64313]{cursor:not-allowed}.key-item.disable.w[data-v-bdb64313]{background:#bbb}.key-item.disable>.h-key[data-v-bdb64313]{background:#555}.key-item .h-key[data-v-bdb64313]{position:absolute;top:0;left:-11px;width:22px;height:90px;background:#000;border-radius:0 0 3px 3px}.key-item .h-key[data-v-bdb64313]:active{background:#555}.key-item.w[data-v-bdb64313]{width:30px;height:145px;margin:0 1px 0 0;background:#fff}.key-item.w[data-v-bdb64313]:active{background:#ccc}.key-item.w.a[data-v-bdb64313]{background:#7c7}.key-item.h[data-v-bdb64313]{z-index:3;width:0}.key-item.h.a>.h-key[data-v-bdb64313]{background:#7c7}.w-text[data-v-bdb64313]{position:absolute;bottom:5px;width:100%;text-align:center}.tips-wrap[data-v-bdb64313]{color:#697077;text-align:center;background:transparent}.tips-wrap>.wrap-margin[data-v-bdb64313]{max-width:520px;margin:0 auto;padding:4px 16px 8px;font-size:13px;line-height:1.6}.record-media{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 16px;color:#697077;font-size:13px;line-height:1.4;text-align:center}.record-media>.status-tag{margin:0 4px 0 0;color:#343a40;font-size:13px;font-weight:500}.record-media>.start-btn{display:inline-block;min-width:80px;margin:0;padding:6px 14px;color:#fff;font-weight:500;font-size:13px;line-height:1.2;background-color:#06aac7;border:none;border-radius:6px;outline:none;cursor:pointer;animation:breath 2.4s ease-in-out infinite}.record-media>.start-btn:focus-visible{outline:2px solid rgba(6,170,199,.35);outline-offset:2px}div.media-error{max-width:520px;margin:8px auto 0;padding:0 16px;color:#e03131;font-size:12px;line-height:1.7;text-align:center}@keyframes breath{0%,to{transform:scale(1)}50%{transform:scale(1.04);background-color:#06b78f}}.canvas[data-v-89953f5c]{text-align:center}.canvas>canvas[data-v-89953f5c]{display:inline-block;width:100%;vertical-align:top}.dial-gauge[data-v-97806142]{position:relative;width:100%;overflow:hidden;background:#fff}.dial-gauge>.dial-face[data-v-97806142]{position:relative;z-index:0;display:block;width:100%;height:auto}.low-high[data-v-97806142]{fill:#333;font-size:12px;font-family:Georgia,Times New Roman,serif;font-style:normal}.bottom-line[data-v-97806142]{position:absolute;right:0;bottom:8px;left:0;z-index:1;height:1px;background:#333}.needle[data-v-97806142]{position:absolute;bottom:-64.375%;left:50%;z-index:2;width:4px;height:153.125%;margin:0 0 0 -2px;background:#fff;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.14),0 0 4px rgba(0,0,0,.28);transform-origin:50% 100%;transform:rotate(0) scaleY(.85);transition:transform .15s ease}.needle>.needle-tip[data-v-97806142]{width:4px;height:7%;background:#b8bcc2;border-radius:2px;box-shadow:0 0 5px rgba(0,0,0,.35);transition:background-color .15s ease}.xian-container{width:100%}.tiao-info{position:absolute;left:0;z-index:3;width:100%;height:6em;line-height:1.6;pointer-events:none}.tiao-info>.tiao-text{padding:8px 16px;color:#343a40;font-size:15px;text-align:center;background-color:rgba(245,246,247,.72)}.tiao-info>.tiao-text div.imp{margin-top:4px;color:#e05252;font-size:13px;line-height:1.5}.xian-scroll{position:relative;z-index:5;display:block;width:100%;padding:7em 0 0;overflow-x:auto;overflow-y:hidden;text-align:center}.xian-scroll .ma-mu{position:relative;display:inline-block;min-width:7em;height:22em;margin:0 1.8em;line-height:0;background-color:#3b3830;box-shadow:0 0 30px rgba(0,0,0,.5)}.white-bar{position:absolute;top:0;left:0;width:100%;padding:0 0 .3em;overflow:hidden}.white-bar .white-bar-bar{display:block;width:100%;height:1em;background-color:#f3f5e7;box-shadow:0 0 .7em #000}.xian-list{position:relative;z-index:2;height:100%;padding:0 1px;white-space:nowrap}.xian-list>.xian-wrap{position:relative;display:inline-block;width:1em;height:100%;padding:0 1em;text-align:center;cursor:pointer}.xian-list>.xian-wrap:hover{background:rgba(255,255,255,.1333333333)}.xian-list>.xian-wrap:after{position:absolute;bottom:100%;left:0;display:block;width:100%;height:7em;content:""}.xian-list>.xian-wrap>.xian{position:relative;display:inline-block;width:.2em;height:100%;background-color:#fff;box-shadow:1px 0 6px rgba(0,0,0,.5)}.xian-list>.xian-wrap:first-child{padding-left:1em}.xian-list>.xian-wrap:last-child{padding-right:1em}.sett-statu{position:absolute;bottom:100%;width:100%;height:11em;background-color:inherit;box-shadow:3px -3px 10px rgba(0,0,0,.5);opacity:.3;transition:opacity .3s}.sett-statu>.image{position:absolute;bottom:.7em;display:none;width:2em;height:2em;margin:0 0 0 -1em;animation:rorobaba 1.5s infinite}.xian.active>.sett-statu{display:block;opacity:1}.xian.xian.active>.sett-statu>.image{display:block}@keyframes rorobaba{0%{transform:rotate(0)}50%{transform:rotate(120deg)}to{transform:rotate(0)}}.pin-bar{position:absolute;top:0;left:0;width:100%;padding:0 0 .7em;overflow:hidden}.pin-bar-bar{display:block;width:100%;height:.2em;margin:15em 0 0;background-color:#f3f5e7;box-shadow:0 1px .35em #000}.up-down{padding:14px 16px 18px;color:#4f565e;font-size:13px;line-height:1.8;text-align:center}.up-down>.action-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}.up-down>.tips-row{max-width:520px;margin:10px auto 0;color:#936c50;font-size:12px;line-height:1.7}.title-block[data-v-43e87f14]{padding:28px 16px 20px;text-align:center}.title-block>h1[data-v-43e87f14]{margin:0;color:#20242a;font-size:26px;font-weight:600;line-height:1.4;letter-spacing:.02em}.title-block>.more[data-v-43e87f14]{margin:8px 0 0;font-size:13px;line-height:1.6}.title-block>.more>a[data-v-43e87f14]{color:#0793aa;font-weight:500;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.title-block>.more>a[data-v-43e87f14]:hover{color:#067d91}.canvas-wrap[data-v-43e87f14]{position:relative;width:calc(100% - 24px);max-width:525px;margin:0 auto;text-align:center}.canvas-wrap>.dial-layer[data-v-43e87f14]{position:absolute;top:0;left:0;width:100%}.canvas-wrap>canvas[data-v-43e87f14]{position:relative;z-index:1;display:block;width:100%}.record-control-wrap[data-v-43e87f14]{margin:8px 0 4px}.xian-panel-wrap[data-v-43e87f14]{margin-top:4px}.info-wrapper[data-v-43e87f14]{position:relative;z-index:10;padding:26px 20px 30px;text-align:center;background:#fff;border-top:1px solid #eceef0}.info-wrapper>.max-width[data-v-43e87f14]{max-width:620px;margin:0 auto}.info-wrapper>.max-width>p[data-v-43e87f14]{margin:0 0 10px;color:#5b6067;font-size:14px;line-height:1.85;text-align:center;text-indent:0;word-break:break-word}.info-wrapper>.max-width>p[data-v-43e87f14]:last-of-type{margin-bottom:0}.info-wrapper>.max-width a[data-v-43e87f14]{color:#0793aa;text-decoration:none}.info-wrapper>.max-width a[data-v-43e87f14]:hover{text-decoration:underline}.mini-program[data-v-43e87f14]{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px;color:#646a72;font-size:13px;line-height:1.6;text-align:center}.mini-program-code[data-v-43e87f14]{width:132px;height:132px;background-image:url(//o.xiwnn.com/cdn-2607/a/0/tiao-yin-mini-code-BZxW6SiY.jpg);background-position:center;background-repeat:no-repeat;background-size:contain}.pinlun-wrapper[data-v-43e87f14]{box-sizing:border-box;max-width:760px;margin:0 auto;padding:24px 16px 36px}@media (max-width: 480px){.title-block[data-v-43e87f14]{padding:22px 14px 16px}.title-block>h1[data-v-43e87f14]{font-size:22px}.info-wrapper[data-v-43e87f14]{padding:22px 16px 26px}.pinlun-wrapper[data-v-43e87f14]{padding:20px 12px 30px}}