:root{font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;color:#222;background:#f3f4f5;font-size:14px}*{box-sizing:border-box}body{margin:0;padding:70px 20px}.login-box{max-width:400px;margin:0 auto;padding:26px;background:white;border:1px solid #ccc}.brand{display:flex;align-items:center;gap:10px}.brand img{width:32px;height:32px}h1{font-size:22px;font-weight:600;margin:0}.demo{font-size:11px;padding:3px 5px;border:1px solid #aaa;color:#666;background:#f6f6f6}.powered{color:#36678f;font-size:13px;margin:12px 0 23px}hr{border:0;border-top:1px solid #ddd}h2{font-size:18px;margin:24px 0 10px}.description{font-size:12px;color:#777;line-height:1.7;margin-bottom:24px}label{display:block;margin:17px 0 7px}input,button{font:inherit;width:100%;padding:10px;border:1px solid #aaa;border-radius:3px}input:focus{outline:2px solid #9bc5ef;outline-offset:1px}button{background:#3074b6;color:white;border-color:#3074b6;margin-top:24px;cursor:pointer}button:hover{background:#28669f}button:disabled{opacity:.6;cursor:wait}.note{font-size:11px;color:#888;margin-top:18px;line-height:1.6}#login-error{font-size:12px;color:#b3261e;line-height:1.7;margin-top:14px}@media(max-width:480px){body{padding:30px 14px}.login-box{padding:22px}}