* { box-sizing: border-box; }
body { margin: 0; font: 14px/1.5 "Microsoft YaHei", sans-serif; background: #f3f3f3; color: #222; }
header { background: #243024; color: #fff; padding: 10px 16px; }
header a { color: #fff; margin-right: 12px; text-decoration: none; }
header strong { margin-right: 16px; }
main { max-width: 980px; margin: 16px auto; background: #fff; border: 1px solid #ddd; padding: 16px; }
h1 { font-size: 18px; margin: 0 0 12px; }
label { display: block; margin: 8px 0 4px; }
input, select, textarea { width: 280px; max-width: 100%; padding: 6px 8px; border: 1px solid #ccc; }
textarea { width: 420px; height: 64px; }
button { margin-top: 10px; padding: 6px 14px; border: 1px solid #243024; background: #243024; color: #fff; cursor: pointer; }
table { width: 100%; border-collapse: collapse; margin-top: 12px; }
th, td { border: 1px solid #e4e4e4; padding: 6px 8px; text-align: left; vertical-align: top; }
th { background: #f7f7f7; }
.row { margin-bottom: 8px; }
.msg { color: #9a3412; min-height: 1.2em; }
.box { border: 1px solid #eee; padding: 12px; margin-bottom: 16px; }
a.btn { display: inline-block; margin-top: 8px; }

body.gate { min-height: 100vh; background: #e7efe9; }
body.gate header { display: none; }
body.gate main { max-width: 420px; margin: 0 auto; padding: 48px 16px; background: transparent; border: 0; }
.gate-card { background: #fff; border: 1px solid #d5e0d8; border-top: 4px solid #1f6b45; padding: 28px 28px 22px; }
.gate-card .mark { margin: 0 0 8px; color: #1f6b45; font-size: 13px; }
.gate-card h1 { margin: 0 0 6px; font-size: 22px; }
.gate-card .sub { margin: 0 0 18px; color: #66756c; }
.gate-card h2 { margin: 0 0 4px; font-size: 16px; }
.gate-card label { color: #243028; }
.gate-card input { width: 100%; padding: 9px 10px; border: 1px solid #c9d5cc; background: #fff; }
.gate-card button { display: block; width: 100%; margin-top: 14px; padding: 9px 14px; background: #1f6b45; border-color: #1f6b45; }
.gate-card .split { height: 1px; margin: 22px 0 16px; background: #e3ebe6; }
.gate-card form { margin: 0; }