body { font-family: Arial, "PingFang SC", "Microsoft YaHei", sans-serif; background:#fafafa; }
.wrap { max-width: 980px; margin: 20px auto; background:#fff; padding: 18px 22px; border-radius: 10px; box-shadow: 0 1px 10px rgba(0,0,0,.05); }
.top { display:flex; justify-content:space-between; align-items:flex-end; gap:16px; }
.sub { color:#666; font-size: 13px; }
.nav a { margin-left: 12px; color:#333; text-decoration:none; }
.nav a:hover { text-decoration:underline; }
hr { border:0; border-top:1px solid #eee; margin: 14px 0; }
table { width:100%; border-collapse: collapse; }
th, td { border-bottom: 1px solid #eee; padding: 10px 8px; text-align:left; }
th { background:#fcfcfc; }
.muted { color:#666; }
pre { background:#f6f8fa; padding: 12px; border-radius: 8px; overflow:auto; }
label { display:block; margin-top: 10px; margin-bottom: 6px; font-weight:600; }
input, textarea, select { width:100%; padding: 10px; border:1px solid #ddd; border-radius: 8px; }
textarea { min-height: 120px; }
.btn { display:inline-block; padding: 8px 10px; border:1px solid #ddd; border-radius: 8px; text-decoration:none; color:#333; background:#fff; }
.btn:hover { background:#f5f5f5; }
.primary { background:#1f6feb; border-color:#1f6feb; color:#fff; }
.primary:hover { background:#1a5fd0; }
.ok { color: #118a3b; font-weight:700; }
.bad { color: #b42318; font-weight:700; }
.note { margin-top:16px; padding: 12px; border:1px dashed #ddd; border-radius: 10px; background:#fffef8; }