*{box-sizing:border-box}body{margin:0;font-family:Poppins,sans-serif;color:#1d1d1f;background:#f6f8fa}header{display:flex;justify-content:space-between;align-items:center;padding:14px 32px;background:#fff;border-bottom:3px solid #10bbef}nav a{margin-left:22px;color:#1d1d1f;text-decoration:none;font-weight:600}nav a:hover{color:#10bbef}main{max-width:960px;margin:32px auto;padding:0 20px}footer{color:#777;font-size:13px;padding:30px}.demo,footer{text-align:center}.demo{background:#fff3cd;color:#7a5b00;padding:8px;font-size:14px;font-weight:600}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 4px #0001;margin-bottom:18px}.btn{display:inline-block;background:#10bbef;color:#fff;border:0;border-radius:8px;padding:12px 22px;font:600 15px Poppins;cursor:pointer;text-decoration:none}.btn.li{background:#0a66c2}table{width:100%;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid #eee;text-align:left}input,select,textarea{width:100%;font:15px Poppins;padding:10px;border:1px solid #ccc;border-radius:8px;margin:6px 0 14px}.tag{background:#e6f8fe;color:#0786b0;border-radius:6px;padding:2px 8px;font-size:13px}.ok{color:#0a7a3a}.err{color:#b00020}