.bb-bar{display:flex;gap:8px;align-items:center;margin:4px 0 12px;flex-wrap:wrap}


.bb-btn{background:linear-gradient(180deg,#1d4d80,#14406e);border:1px solid #2f6fad;color:#dbeafe;border-radius:8px;padding:6px 14px;font-size:12px;cursor:pointer;transition:all .12s}


.bb-btn:hover{background:#1d4d80;color:#fff}


.bb-btn.ok{background:linear-gradient(180deg,#2e8b57,#1f6b41);border-color:#4fae7d}


.bb-box{border:1px solid #22304a;border-radius:12px;margin:12px 0;background:rgba(14,20,30,.55);overflow:hidden}


.bb-box-h{padding:10px 16px;background:linear-gradient(180deg,rgba(24,40,64,.55),rgba(16,26,42,.4));border-bottom:1px solid #22304a;font-size:13px;font-weight:600;color:#fff;display:flex;gap:10px;align-items:center}


.bb-box-h .cnt{color:var(--dim);font-weight:400;font-size:11px;margin-left:auto}


.bb-box-h.fold{cursor:pointer;user-select:none}


.bb-box-h.fold:hover{color:#1890ff}


.bb-arr{color:#8b93a5;font-size:11px;margin-left:8px}


.bb-freq{display:flex;gap:6px;flex-wrap:wrap;padding:4px 16px 12px}


.bb-freq label{font-size:12px;color:#cdd6e4;background:rgba(24,40,64,.4);border:1px solid #22304a;border-radius:8px;padding:6px 12px;cursor:pointer;user-select:none;transition:all .12s}


.bb-freq label.on{background:linear-gradient(180deg,rgba(24,144,255,.35),rgba(24,144,255,.12));color:#fff;border-color:#2f6fad;box-shadow:0 0 10px rgba(24,144,255,.22)}


.bb-freq input{display:none}


.bb-tag{display:inline-block;padding:1px 8px;border-radius:6px;font-size:10px;margin-right:6px}


.bb-tag.ok{background:rgba(46,139,87,.18);color:#7cd9a5;border:1px solid rgba(46,139,87,.4)}


.bb-tag.fail{background:rgba(255,77,79,.14);color:#ff8f8f;border:1px solid rgba(255,77,79,.4)}


.bb-tag.run{background:rgba(250,173,20,.14);color:#ffd666;border:1px solid rgba(250,173,20,.4)}


.bb-tag.skip{background:rgba(140,140,140,.14);color:#a8b0bd;border:1px solid rgba(140,140,140,.4)}


.bb-content{white-space:pre-wrap;font-size:12px;color:#d5dce8;padding:12px 16px;line-height:1.7;max-height:520px;overflow:auto}


.bb-empty{color:var(--faint);padding:26px;text-align:center;font-size:12px}


.bb-chip{display:inline-block;padding:3px 10px;margin:3px 4px 3px 0;border-radius:8px;font-size:11.5px;color:#9fb0c8;background:rgba(24,40,64,.45);border:1px solid #22304a;cursor:pointer;transition:all .12s}


.bb-chip:hover{color:#fff;border-color:#2f6fad;background:rgba(24,144,255,.1)}


.bb-chip.on{background:linear-gradient(180deg,rgba(24,144,255,.35),rgba(24,144,255,.12));color:#fff;border-color:#2f6fad}


.bb-hint{color:var(--faint);font-size:11px;padding:2px 16px 12px}


/* ═══ 深度修复·UI视觉统一(2026-10-13) ═══ 按钮圆角/色阶/悬停/间距/图标变体全局覆盖 */
.bb-btn{border-radius:8px;padding:6px 14px;font-size:12px;cursor:pointer;transition:all .15s;background:linear-gradient(180deg,#1d4d80,#14406e);border:1px solid #2f6fad;color:#dbeafe;font-weight:500}
.bb-btn:hover{filter:brightness(1.18);border-color:#4a90d9;transform:translateY(-1px)}
.bb-btn:active{transform:translateY(0);filter:brightness(.95)}
.sb-ctl{transition:all .15s;border-radius:7px}
.sb-ctl:hover{background:rgba(30,48,80,.5)}
.chip{transition:all .15s;border-radius:16px}
.chip:hover{filter:brightness(1.15)}
.gp-tab{transition:all .15s;border-radius:6px 6px 0 0}
.gp-tab:hover{background:rgba(30,48,80,.35)}
.gp-tab.on{border-bottom:2px solid #4caf7d}
.st{transition:all .15s;border-radius:7px}
.st:hover{background:rgba(30,48,80,.4)}
input[type=text],input[type=password],textarea,select{border-radius:6px;transition:border-color .15s}
input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus{border-color:#2f6fad;outline:none;box-shadow:0 0 0 2px rgba(47,111,173,.15)}
.sh-title{letter-spacing:.2px}
.sheet{scrollbar-width:thin;scrollbar-color:#2a3a55 transparent}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{background:#2a3a55;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#3a4f73}
::-webkit-scrollbar-track{background:transparent}