/* ===== 短链接还原与安全检测（玻璃拟态） ===== */

.su-input-row { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.su-input-row .gm-input { flex: 1; min-width: 240px; font-family: 'JetBrains Mono', Consolas, monospace; }
.su-or { font-size: 12.5px; color: var(--c-text-muted); margin: 0 0 12px; }
.su-examples { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 4px; }
.su-ex { font-size: 12px; padding: 4px 10px; border-radius: 999px; cursor: pointer; color: var(--c-text-sub);
  background: rgba(255, 255, 255, .5); border: 1px solid rgba(31, 45, 90, .1); transition: all .15s; }
.su-ex:hover { color: var(--c-primary); border-color: var(--c-primary); }
html[data-theme="dark"] .su-ex { background: rgba(255, 255, 255, .07); border-color: rgba(255, 255, 255, .14); }

.su-provider { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 600;
  padding: 6px 13px; border-radius: 999px; margin: 2px 0 14px; }
.su-provider.known { background: color-mix(in srgb, var(--c-primary) 14%, transparent); color: var(--c-primary); }
.su-provider.unknown { background: rgba(31, 45, 90, .08); color: var(--c-text-sub); }
html[data-theme="dark"] .su-provider.unknown { background: rgba(255, 255, 255, .1); }

.su-verdict { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 14px; margin-bottom: 16px; }
.su-verdict .v-icon { font-size: 26px; flex-shrink: 0; }
.su-verdict .v-text b { font-size: 15px; }
.su-verdict .v-text p { margin: 3px 0 0; font-size: 13px; line-height: 1.55; }
.su-verdict.safe { background: rgba(34, 197, 94, .14); border: 1px solid rgba(34, 197, 94, .4); }
.su-verdict.safe .v-text b { color: #16a34a; }
.su-verdict.caution { background: rgba(245, 158, 11, .16); border: 1px solid rgba(245, 158, 11, .45); }
.su-verdict.caution .v-text b { color: #d97706; }
.su-verdict.danger { background: rgba(239, 68, 68, .14); border: 1px solid rgba(239, 68, 68, .45); }
.su-verdict.danger .v-text b { color: #dc2626; }

.su-resolved { padding: 14px 16px; border-radius: 14px; background: rgba(255, 255, 255, .5);
  border: 1px solid rgba(31, 45, 90, .12); margin-bottom: 16px; }
html[data-theme="dark"] .su-resolved { background: rgba(255, 255, 255, .07); border-color: rgba(255, 255, 255, .14); }
.su-resolved .r-label { font-size: 12px; color: var(--c-text-muted); margin-bottom: 6px; }
.su-resolved .r-url { font-family: 'JetBrains Mono', Consolas, monospace; font-size: 13.5px; word-break: break-all;
  color: var(--c-text); background: rgba(31, 45, 90, .05); padding: 8px 11px; border-radius: 9px; margin-bottom: 10px; }
html[data-theme="dark"] .su-resolved .r-url { background: rgba(255, 255, 255, .06); }
.su-resolved .r-actions { display: flex; gap: 8px; flex-wrap: wrap; }

.su-checklist { list-style: none; margin: 0 0 8px; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.su-check { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; color: var(--c-text-sub); line-height: 1.55; }
.su-check .c-ico { flex-shrink: 0; width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center;
  font-size: 12px; font-weight: 700; margin-top: 1px; }
.su-check.pass .c-ico { background: rgba(34, 197, 94, .16); color: #16a34a; }
.su-check.warn .c-ico { background: rgba(245, 158, 11, .18); color: #d97706; }
.su-check.fail .c-ico { background: rgba(239, 68, 68, .18); color: #dc2626; }
.su-check.pass .c-txt b { color: var(--c-text); }
.su-check.warn .c-txt b, .su-check.fail .c-txt b { color: #dc2626; }

.su-tips { font-size: 13px; color: var(--c-text-sub); line-height: 1.7; }
.su-tips li { margin-bottom: 4px; }
.su-empty { color: var(--c-text-muted); font-size: 13.5px; padding: 6px 2px; }

.su-loading { display: flex; align-items: center; gap: 10px; color: var(--c-text-sub); font-size: 13.5px; padding: 8px 2px; }
.su-spin { width: 16px; height: 16px; border-radius: 50%; border: 2px solid rgba(31, 45, 90, .2); border-top-color: var(--c-primary); animation: suSpin .7s linear infinite; }
@keyframes suSpin { to { transform: rotate(360deg); } }