body { font-family: 'Microsoft YaHei', Arial, sans-serif; background: #f5f6fa; margin:0; }
.container { max-width: 600px; margin: 40px auto; background: #fff; border-radius: 8px; box-shadow: 0 2px 8px #ccc; padding: 30px; }
h2, h3 { margin-top: 0; }
.login-box { max-width: 350px; margin: 100px auto; background: #fff; border-radius: 8px; box-shadow: 0 2px 8px #ccc; padding: 30px; }
input[type=text], input[type=password] { width: 90%; padding: 8px; margin: 8px 0; border: 1px solid #ccc; border-radius: 4px; }
button { padding: 8px 18px; margin: 8px 4px 8px 0; border: none; background: #3498db; color: #fff; border-radius: 4px; cursor: pointer; }
button:hover { background: #217dbb; }
.error { color: #e74c3c; margin-bottom: 10px; }
ul { padding-left: 20px; }
li { margin: 6px 0; }
a { color: #2980b9; text-decoration: none; }
a:hover { text-decoration: underline; }