body{font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;max-width:980px;margin:0 auto;padding:16px;line-height:1.6;color:#222}
header{margin-bottom:16px}
.card{border:1px solid #ddd;border-radius:12px;padding:16px;margin:16px 0}
label{display:block;margin:8px 0}
input,select{width:100%;max-width:640px;padding:8px;box-sizing:border-box}
input[type=checkbox]{width:auto}
button{padding:8px 14px;margin:6px 6px 6px 0;cursor:pointer;border-radius:8px;border:1px solid #888;background:#fff}
button:hover{background:#f0f0f0}
.hint{color:#555;font-size:14px}
.record{border:1px solid #ccc;border-radius:12px;padding:14px;margin:12px 0}
.record h3{margin:0 0 6px}
.badge{display:inline-block;background:#eef;padding:2px 8px;border-radius:999px;margin-right:6px;font-size:13px}
.badge.warn{background:#fde8e8}
.badge.ok{background:#e6f4ea}
.mono{word-break:break-all;font-family:ui-monospace,monospace;font-size:13px;background:#f7f7f7;padding:8px;border-radius:8px}
video{width:100%;max-width:640px;background:#000}
dialog{max-width:720px;width:90%}