/* 面板 */
.tx-amp-tool .toolwa-panel{background-color:#fff;border:1px solid #e6e6e6;border-radius:4px;box-shadow:0 2px 12px rgba(0,0,0,0.05);margin-bottom:30px}
.tx-amp-tool .toolwa-panel-hd{height:42px;line-height:42px;padding:0 15px;font-size:14px;font-weight:600;color:#2c2c2c;background-color:#fafafa;border-bottom:1px solid #ececec;border-radius:4px 4px 0 0}
.tx-amp-tool .toolwa-panel-bd{padding:15px}
/* 按钮 */
.tx-amp-tool .toolwa-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;margin:0;padding:8px 16px;font-size:14px;line-height:1.4;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;border:1px solid #dcdfe6;border-radius:4px;color:#606266;-webkit-transition:all .2s ease;transition:all .2s ease}
.tx-amp-tool .toolwa-btn:hover,.tx-amp-tool .toolwa-btn:focus{color:#86C038;border-color:#b3d98c;background-color:#f0f9eb;outline:none}
.tx-amp-tool .toolwa-btn:active{color:#6aa62e;border-color:#6aa62e}
.tx-amp-tool .toolwa-btn-sm{padding:5px 10px;font-size:12px;border-radius:3px}
.tx-amp-tool .toolwa-btn-primary{color:#fff;background-color:#86C038;border-color:#86C038}
.tx-amp-tool .toolwa-btn-primary:hover,.tx-amp-tool .toolwa-btn-primary:focus{color:#fff;background-color:#9cd44a;border-color:#9cd44a}
.tx-amp-tool .toolwa-btn-primary:active{color:#fff;background-color:#6aa62e;border-color:#6aa62e}
.tx-amp-tool .toolwa-btn-danger{color:#fff;background-color:#f56c6c;border-color:#f56c6c}
.tx-amp-tool .toolwa-btn-danger:hover,.tx-amp-tool .toolwa-btn-danger:focus{color:#fff;background-color:#f78989;border-color:#f78989}
.tx-amp-tool .toolwa-btn-danger:active{color:#fff;background-color:#e64545;border-color:#e64545}
.tx-amp-tool .toolwa-btn:disabled,.tx-amp-tool .toolwa-btn.disabled,.tx-amp-tool .toolwa-btn[disabled]{opacity:.6;cursor:not-allowed;pointer-events:none}
/* 滑块 */
.tx-amp-tool .toolwa-range{-webkit-appearance:none;width:100%;height:6px;background:#ddd;border-radius:3px;outline:none;padding:0}
.tx-amp-tool .toolwa-range::-webkit-slider-runnable-track{height:6px;background:#ddd;border-radius:3px}
.tx-amp-tool .toolwa-range::-moz-range-track{height:6px;background:#ddd;border-radius:3px}
.tx-amp-tool .toolwa-range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#86C038;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2);margin-top:-7px}
.tx-amp-tool .toolwa-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#86C038;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.tx-amp-tool .toolwa-range:hover::-webkit-slider-thumb{background:#9cd44a}
.tx-amp-tool .toolwa-range:active::-webkit-slider-thumb{background:#6aa62e}
.tx-amp-tool .toolwa-range:hover::-moz-range-thumb{background:#9cd44a}
.tx-amp-tool .toolwa-range:active::-moz-range-thumb{background:#6aa62e}
/* 选项卡 */
.tx-amp-tool .toolwa-tabs{border:1px solid #ddd;border-radius:4px;overflow:hidden;background:#fff}
.tx-amp-tool .toolwa-tab-head{list-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom:1px solid #ddd;padding:0;margin:0;white-space:nowrap;-webkit-overflow-scrolling:touch;overflow-x:auto}
.tx-amp-tool .toolwa-tab-head > a{color:inherit;display:inline-block;padding:8px 18px;text-align:center;cursor:pointer;border-bottom:2px solid transparent;min-width:0;white-space:nowrap;text-overflow:ellipsis;font-size:14px;text-decoration:none}
.tx-amp-tool .toolwa-tab-head > a:hover{color:#86C038}
.tx-amp-tool .toolwa-tab-head > a.active{border-bottom-color:#86C038;color:#86C038;font-weight:500}
.tx-amp-tool .toolwa-tab-body > div{display:none;padding:15px}
.tx-amp-tool .toolwa-tab-body > div.active{display:block}
/* 扩音器专属 */
.tx-amp-tool .amp-clock{color:#888;font-size:14px;margin:0 0 0 auto;text-align:right;white-space:nowrap}
.tx-amp-tool .amp-clock span{font-size:inherit;font-family:inherit;color:inherit;font-variant-numeric:tabular-nums}
.tx-amp-tool .amp-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:14px}
.tx-amp-tool .amp-toolbar .amp-controls{margin-bottom:0}
.tx-amp-tool .amp-status{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;background-color:#ccc;vertical-align:middle}
.tx-amp-tool .amp-status.is-active{background-color:#86C038;animation:tx-amp-pulse 1s infinite}
.tx-amp-tool .toolwa-btn-primary .amp-status.is-active{background-color:#fff}
@keyframes tx-amp-pulse{0%{opacity:1}50%{opacity:.4}100%{opacity:1}}
.tx-amp-tool .amp-spectrum{height:150px;margin:18px 0;border:1px solid #e3e3e3;border-radius:6px;overflow:hidden;background:#fafafa}
.tx-amp-tool .amp-spectrum canvas{width:100%;height:100%;display:block}
.tx-amp-tool .amp-controls{margin-bottom:14px}
.tx-amp-tool .amp-controls .toolwa-range{max-width:320px}
.tx-amp-tool .amp-field-label{display:block;margin-bottom:6px;font-weight:400;font-size:13px}
.tx-amp-tool .amp-value{color:#86C038;font-weight:600}
.tx-amp-tool .amp-slider-row{margin-bottom:18px}
.tx-amp-tool .amp-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tx-amp-tool .toolwa-tab-body > div.amp-config-grid.active{display:grid}
.tx-amp-tool .amp-config-grid .amp-slider-row{margin-bottom:0}
.tx-amp-tool .amp-config-grid > .toolwa-btn{grid-column:1 / -1;justify-self:start;margin-top:2px}
.tx-amp-tool .amp-recordings{margin-top:16px}
.tx-amp-tool .amp-rec-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 4px;border-bottom:1px solid #eee}
.tx-amp-tool .amp-rec-item:last-child{border-bottom:none}
.tx-amp-tool .amp-rec-name{font-weight:600;word-break:break-all}
.tx-amp-tool .amp-rec-actions{flex:none;display:flex;gap:6px}
.tx-amp-tool .amp-empty{color:#aaa;margin:0}
.tx-amp-tool .amp-eq-value{color:#86C038;font-weight:600}
.tx-amp-tool .amp-presets{margin-bottom:18px}
.tx-amp-tool .amp-preset-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
/* 暗黑模式 */
body.night .tx-amp-tool .toolwa-panel{background-color:#1e1e1e;border-color:#3a3a3a;box-shadow:none}
body.night .tx-amp-tool .toolwa-panel-hd{color:#e8e8e8;background-color:#2a2a2a;border-bottom-color:#3a3a3a}
body.night .tx-amp-tool .toolwa-btn{background-color:#2a2a2a;border-color:#4a4a4a;color:#d5d5d5}
body.night .tx-amp-tool .toolwa-btn:hover,body.night .tx-amp-tool .toolwa-btn:focus{color:#a8dc6f;border-color:#4a6a33;background-color:#26301f}
body.night .tx-amp-tool .toolwa-btn:active{color:#86C038;border-color:#86C038}
body.night .tx-amp-tool .toolwa-btn-primary{color:#fff;background-color:#86C038;border-color:#86C038}
body.night .tx-amp-tool .toolwa-btn-primary:hover,body.night .tx-amp-tool .toolwa-btn-primary:focus{background-color:#9cd44a;border-color:#9cd44a}
body.night .tx-amp-tool .toolwa-btn-danger{color:#fff;background-color:#f56c6c;border-color:#f56c6c}
body.night .tx-amp-tool .toolwa-btn-danger:hover{background-color:#f78989}
body.night .tx-amp-tool .toolwa-range{background:#4a4a4a}
body.night .tx-amp-tool .toolwa-range::-webkit-slider-runnable-track{background:#4a4a4a}
body.night .tx-amp-tool .toolwa-range::-moz-range-track{background:#4a4a4a}
body.night .tx-amp-tool .toolwa-range::-webkit-slider-thumb{background:#86C038;border-color:#181a1b}
body.night .tx-amp-tool .toolwa-range::-moz-range-thumb{background:#86C038;border-color:#181a1b}
body.night .tx-amp-tool .toolwa-tabs{border-color:#3a3a3a;background-color:#1e1e1e}
body.night .tx-amp-tool .toolwa-tab-head{border-bottom-color:#3a3a3a}
body.night .tx-amp-tool .toolwa-tab-head > a{color:#ccc}
body.night .tx-amp-tool .toolwa-tab-head > a:hover{color:#a8dc6f}
body.night .tx-amp-tool .toolwa-tab-head > a.active{color:#86C038;border-bottom-color:#86C038}
body.night .tx-amp-tool .amp-clock{color:#999}
body.night .tx-amp-tool .amp-spectrum{border-color:#3a3a3a;background:#232323}
body.night .tx-amp-tool .amp-field-label{color:#ccc}
body.night .tx-amp-tool .amp-rec-item{border-bottom-color:#333}
body.night .tx-amp-tool .amp-empty{color:#777}
/* 手机端 */
@media (max-width:640px){
.tx-amp-tool .amp-rec-item{flex-direction:column;align-items:flex-start}
.tx-amp-tool .amp-toolbar{flex-direction:column;align-items:stretch}
.tx-amp-tool .amp-clock{margin:0;text-align:right;align-self:flex-end}
.tx-amp-tool .toolwa-tab-body > div.amp-config-grid.active{grid-template-columns:1fr}
.tx-amp-tool .amp-record-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.tx-amp-tool .amp-record-controls .toolwa-btn{width:100%}
}