.bili-extension{padding:24px;background:linear-gradient(145deg,rgba(31,20,32,.96),rgba(14,16,28,.98));border-color:rgba(251,114,153,.24)}
.bili-extension-head,.bili-extension-result-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.bili-extension-head h3{margin:8px 0 4px;font-size:20px}.bili-extension-head p{margin:0;font-size:13px}
.bili-extension-eyebrow{color:var(--color-primary);font-size:12px;display:flex;align-items:center;gap:7px}
.bili-extension-eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 10px var(--color-primary)}
.bili-extension-price,.bili-extension-result-top span{border:1px solid rgba(251,114,153,.34);color:var(--color-primary);background:var(--color-primary-dim);border-radius:999px;padding:5px 10px;font-size:12px;white-space:nowrap}
.bili-extension-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(340px,1.15fr);gap:18px;margin-top:22px}
.bili-extension-form,.bili-extension-result{border:1px solid var(--border);background:rgba(7,15,22,.58);border-radius:12px;padding:18px}
.bili-extension-form label{display:block;color:var(--text-secondary);font-size:13px;margin:0 0 8px}
.bili-extension-form textarea{box-sizing:border-box;width:100%;min-height:164px;resize:vertical;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-input);color:var(--text-primary);font:inherit;line-height:1.6;padding:12px;outline:none}
.bili-extension-form textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-dim)}
.bili-extension-form select{box-sizing:border-box;width:100%;margin-bottom:16px}
.bili-extension-meta{display:flex;justify-content:space-between;align-items:center;color:var(--text-faint);font-size:11px;margin:6px 0 14px}
.bili-extension-meta button{border:0;background:transparent;color:var(--color-primary);cursor:pointer}
#bili-extension-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:7px}
.bili-extension-hints{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px;color:var(--text-faint);font-size:11px}
.bili-extension-hints span{padding:4px 7px;background:var(--bg-hover);border-radius:999px}
.bili-extension-result{min-height:350px;display:flex;flex-direction:column;justify-content:center}
.bili-extension-empty,.bili-extension-error{min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}
.bili-extension-empty svg{color:var(--color-primary);width:30px;height:30px}.bili-extension-empty p{margin:0;font-size:12px}
.bili-extension-loading i{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--color-primary);border-radius:50%;animation:bili-spin .8s linear infinite}
@keyframes bili-spin{to{transform:rotate(360deg)}}
.bili-extension-error{min-height:220px;border:1px solid rgba(255,92,122,.5);border-radius:10px;background:rgba(255,92,122,.06);padding:18px}
.bili-extension-error strong{color:var(--color-danger);line-height:1.6}.bili-extension-error p{margin:0;color:var(--text-secondary);font-size:12px}
.bili-extension-result-content video{display:block;width:100%;max-height:320px;margin-top:12px;border-radius:9px;background:#020506}
.bili-extension-result-top em{font-style:normal;color:var(--text-faint);font-size:12px}
.bili-extension-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.bili-extension-actions button{display:flex;align-items:center;gap:5px}
.bili-extension-info{margin-top:14px}.bili-extension-info h4{margin:0 0 7px;font-size:15px}.bili-extension-info p{margin:4px 0;font-size:12px}
.bili-extension-note:not(:empty){padding:8px 10px;margin-top:9px!important;border-radius:7px;background:var(--bg-hover);color:var(--text-secondary)}
@media(max-width:760px){.bili-extension{padding:14px}.bili-extension-grid{grid-template-columns:1fr}.bili-extension-result{min-height:280px}.bili-extension-empty{min-height:230px}.bili-extension-head{align-items:flex-start}.bili-extension-price{margin-top:2px}}